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

Question

I tried as follows but it's doing nothing

 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>

And, this is the part you need to put in js code-

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