When do we need to access .htmlToken and when is using the this keyword enough?

I know this can be tricky, and looking at the code I do understand it but I'm not sure I would know on my own when I had to use the htmlToken getter method to refer to the token I'm using, and when I wouldn't.

Check out the code below:

  moveLeft() {
    if (this.columnLocation > 0) {
      this.htmlToken.style.left = this.offsetLeft - 76;
      this.columnLocation -= 1;
    }
  }

When I'm referencing the columnLocation, because columnLocation is a property of the token class, this refers to the current token. But when I want to update the left position, I need to refer not only to this token but this.htmlToken or "this token with a specific id of...". Why do I need to be more specific in that section of the code, and why is this enough earlier in the function?

Here's the getter method(s) for reference:

  get htmlToken() {
    return document.getElementById(this.id);
  }
  get offsetLeft() {
    return this.htmlToken.offsetLeft;
  }

Thank you!