如何根据值更改表格单元格的文本颜色[关闭]

Question

我尝试如下，但它什么也没做

elements = document.getElementsByTagName("td")
for (var i = elements.length; i--;) {
  if (elements[i].innerHTML === "OFF") {
    elements[i].style.color = "red";
  }
}

<table>
  <tr>
    <td>OFF</td>
    <td>ON</td>
  </tr>
  <tr>
    <td>OFF</td>
    <td>ON</td>
  </tr>
  <tr>
    <td>OFF</td>
    <td>ON</td>
  </tr>
</table>

Answer 1

Image linked will show how the problem is solved with output

    var elements=document.getElementsByTagName("td");
    for (var i = 0;i<elements.length; i++) {
    if (elements[i].innerText == "off") {
    elements[i].style.color = "red";
    }
    }

<table id="table" border>
        <tr><td>on</td><td>off</td></tr>
        <tr><td>off</td><td>on</td></tr>
        <tr><td>off</td><td>on</td></tr>
</table>