Change style of a cell if value is zero

Question

I found how to do it with inputs.

 input[value="0"] { background-color:#F7ECEC; color:#f00;} 

I want to do the same with table cells. Can someone help me? Thx.

Answer 1

You can use the following code when you get the values from db on windows.load or in success from asynchronous call:

 var table = document.getElementById("table"); var cells = table.getElementsByTagName("td"); for (var i = 0; i < cells.length; i++) { if (parseInt(cells[i].textContent, 10) === 0) { cells[i].style.background = "red"; } } 

 <table id="table"> <tr> <td>1</td> <td>0</td> <td>1</td> </tr> <tr> <td>1</td> <td>2</td> <td>0</td> </tr> </table>