如果值为零，则更改单元格的样式

Question

我找到了如何用输入做到这一点。

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

我想对表格单元格做同样的事情。有人能帮我吗？ THX。

Answer 1

在windows.load上从db获取值或从异步调用中成功获取值时，可以使用以下代码：

＆＃13;

＆＃13;

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";
  }
}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;