Javascript 使用js修改表格单元格的文本

我有一个html表格，我想用js修改不同单元格中的文本。我的桌子看起来像这样：

    <tr><td colspan="7" style="text-align:center;">Calendar evenimente tds</td></tr>
    <tr>
      <th>Data1</th>
      <th>Data2</th>
      <th>Data3</th>
      <th>Data4</th>
      <th>Data5</th>
      <th>Data6</th>
      <th>Data7</th>
    </tr>
    <tr>
      <td id="col1row1">null</td>
      <td id="col2row1">null</td>
      <td id="col3row1">null</td>
      <td id="col4row1">null</td>
      <td id="col5row1">null</td>
      <td id="col6row1">null</td>
      <td id="col7row1">null</td>
    </tr>
</table>

var j=0;
for(j=0;j<=7;j++)
document.getElementById("col"+j+"row1").innerHTML=j;

---

我的问题是，修改HTML表格单元格内文本的最佳方法是什么？我做错了什么？

循环的第一次迭代失败，因为没有col0。您可以简单地通过标记在元素上循环，而不是像这样迭代ID：

Array.from(document.getElementsByTagName('td')).forEach((td, index) => {
  td.innerHTML = index
})

---

如果希望计数从1开始，请改用td.innerHTML=index+1。

循环的第一次迭代失败，因为没有col0。您可以简单地通过标记在元素上循环，而不是像这样迭代ID：

Array.from(document.getElementsByTagName('td')).forEach((td, index) => {
  td.innerHTML = index
})

---

如果希望计数从1开始，请改用td.innerHTML=index+1。

循环调用的ID不存在。make for循环从1开始，而不是从零开始，因为html中没有col0row1

 var j;
for(j=1;j<=7;j++){
document.getElementById("col"+j+"row1").innerHTML=j;
}

---

循环正在调用一个不存在的ID。make for循环以1而不是零开始，因为html中没有col0row1

 var j;
for(j=1;j<=7;j++){
document.getElementById("col"+j+"row1").innerHTML=j;
}

---

当j=0时，没有id为col0row1的元素，因此存在未捕获错误

var j=1

---

forj=1；j当j=0时，没有id为col0row1的元素，因此存在未捕获错误

var j=1

---

forj=1；你的j的初始值是0。然后选择document.getElementByIdcol0row1中不存在的元素。因此getElementById返回null而不是元素。然后选择document.getElementByIdcol0row1中不存在的元素。因此getElementById返回null而不是元素。感谢您的想法，但它只是一个测试代码，稍后我想轻松地为想法挑选每一行或每一列，但它只是一个测试代码，稍后我想轻松地挑选每一行或每一列。它应该是…=j，而不是…=jit应该是…=j，而不是…=j