关键字不起作用在Atom中不起作用

当我在Atom中键入以下代码时，this关键字不会被视为关键字，而只是一个常规单词。

但是，如果我使用Chrome开发工具，它将显示为关键字。我认为这不是语法错误

有谁知道如何处理它，如果没有，我可以使用哪个其他文本编辑器。

var numberOfDrumButtons = document.querySelectorAll(".drum").length;

for (var i = 0; i < numberOfDrumButtons; i++) {
  document.querySelectorAll(".drum")[i].addEventListener("click", function() {
    console.log(this.style.white);
  })
}

---

解决方案

它运行得很好，没有这样的风格：白色是一个值，而不是属性。 尝试console.log(this.style)

附注

numberOfDrumButtons应该包含元素列表，而不是长度，这样可以避免多次查询。

var numberOfDrumButtons = document.querySelectorAll(".drum");

for (var i = 0; i < numberOfDrumButtons.length; i++) {
  numberOfDrumButtons[i].addEventListener("click", function() {
    console.log(this.style.color);
  })
}

<div class="drum" style="color: red">drum</div>
<div class="drum" style="color: green">drum</div>
<div class="drum" style="color: blue">drum</div>
<div class="drum">drum</div>