javascript - 单击更改表格单元格的样式

Question

我想在单击按钮时更改特定表格单元格的颜色。

<button onclick="highlight()">Toggle highlighting</button>

和 JS:

function highlight() {
    var x = document.getElementsByClassName('best');
    for (var i = 0; i < x.length; i++) {
        x.get(i).style.color = "green";
    }
}

我将要更改的表格单元格添加到“最佳”类中，但是单击按钮时，没有任何变化。我首先尝试将它们全部分配给一个 ID 并使用 document.getElementById('best').style.color = "green";，但这只更改了具有 id 的第一个元素 "最好”而不是全部。 highlight() 应该是什么样子？

Answer 1

你不需要在那里使用x.get(i)。只需使用 x[i]

访问元素

请看下面的代码:

function highlight() {
   var x = document.getElementsByClassName('best');
   for (var i = 0; i < x.length; i++) {
     x[i].style.color = "green";
   }
}