javascript - 更改所有 <td> 行中的 innerHTML

Question

如何改变所有行的innerHTML？

此脚本仅更改第一行的 innerHTML。

<table>
<tr><td id="X">0</td></tr>
<tr><td id="X">0</td></tr>
</table>

<script>
if (document.getElementById("X").innerHTML == 0)
{ 
document.getElementById('X').innerHTML = '1';
} 
</script>

Answer 1

您应该使用class 属性，而不是id。您应该在页面上拥有元素的唯一 ID。

所以它应该是这样的:

<table>
  <tr>
    <td class="X">0</td>
  </tr>
  <tr>
    <td class="X">0</td>
  </tr>
</table>
<script>
var els = document.getElementsByClassName("X");

for (var i = 0; i < els.length; i++) {
  els[i].innerHTML = '1';
}
</script>

Here is JsFiddle