Issue
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>
Solution
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>
Answered By - Astivat
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.