Question

我无法根据表格单元格的值更改表格单元格的背景颜色。我使用

使其工作

var elems = document.getElementsByTagName(td);

但我想用ID标签检查号码。原因是因为我会有多行，其中好的和坏的变量范围（绿色或红色）将是不同的。

我的javascript看起来像：

var elems = document.getElementById("cho");
for (var i=0, m=elems.length; i<m; i++) {
if (elems[i].innerHTML>7)
  { elems[i].style.background="#ef0401";}
if (elems[i].innerHTML<=7)
  { elems[i].style.background="#4CB900";}
}

我试过这个，我是否必须用孩子替换innerHTML？

这是HTML

<table class="medical">
  <tr>
    <td class="type-txt bg-left"><span class="type-name">Total Cholesterol</span><span class="sm-font">A Type of Fat</span></td>
    <td class="bg-right" id="cho">80</td>
  </tr>
  <tr>
    <td class="type-txt bg-left"><span class="type-name">LDL</span><span class="sm-font">"Bad" Cholesterol</span></td>
    <td class="bg-right" id="ldl">1</td>
  </tr>
</table>

A link to jsfiddle

使用ID基于td编号更改背景颜色

0 个答案: