js依据表格table。 td的值动态修改td颜色

可以使用 JavaScript 和 CSS 来实现动态修改 td 的颜色。具体实现步骤如下：

1. 获取表格中所有的 td 元素。

2. 遍历每个 td 元素，并根据其值的不同设置不同的背景颜色。

以下是示例代码：

HTML 代码：

<table>
  <tr>
    <td>10</td>
    <td>20</td>
    <td>30</td>
  </tr>
  <tr>
    <td>40</td>
    <td>50</td>
    <td>60</td>
  </tr>
</table>

CSS 代码：

.green {
  background-color: green;
}

.yellow {
  background-color: yellow;
}

.red {
  background-color: red;
}

JavaScript 代码：

// 获取所有的 td 元素
var tds = document.getElementsByTagName('td');

// 遍历每个 td 元素，并设置不同的背景颜色
for (var i = 0; i < tds.length; i++) {
  var td = tds[i];
  var value = parseInt(td.innerHTML);
  if (value <= 30) {
    td.className = 'green';
  } else if (value <= 50) {
    td.className = 'yellow';
  } else {
    td.className = 'red';
  }
}

以上代码会根据每个 td 元素中的值设置不同的背景颜色，小于等于 30 的为绿色，小于等于 50 的为黄色，其余为红色。你可以根据实际需求修改颜色和判断条件。