无法使用innerHTML使用JavaScript更新HTML表

我是JavaScript的初学者，我想使用

.innerHTML

从我的表中打印一些文本，但它不起作用。代码如下：

<table style="width:100%">
    <tr>
        <td id="tr">&nbsp;</td>
        <td id="tr1">&nbsp;</td>
        <td id="tr2">&nbsp;</td>
    </tr>
    <tr>
       <td id="tr3">&nbsp;</td>
       <td id="tr4">&nbsp;</td>
       <td id="tr5">&nbsp;</td>
    </tr>
    <tr>
       <td id="tr6">&nbsp;</td>
       <td id="tr7">&nbsp;</td>
       <td id="tr8">&nbsp;</td>
    </tr>
</table>

<script>
document.getElementById("tr").innerHTML = "some text";
document.getElementById("tr2").innerHTML = "some text1";
document.getElementById("tr2").innerHTML = "some text2";
document.getElementById("tr3").innerHTML = "some text3";
document.getElementById("tr4").innerHTML = "some text4";
document.getElementById("tr5").innerHTML = "some text5";
document.getElementById("tr7").innerHTML = "some text6";
document.getElementById("tr8").innerHTML = "some text7";
document.getElementById("tr9").innerHTML = "some text8";
</script>

document.getElementById（“tr”）.innerHTML=“一些文本”；
document.getElementById（“tr2”）.innerHTML=“some text1”；
document.getElementById（“tr2”）.innerHTML=“some text2”；
document.getElementById（“tr3”）.innerHTML=“some text3”；
document.getElementById（“tr4”）.innerHTML=“some text4”；
document.getElementById（“tr5”）.innerHTML=“some text5”；
document.getElementById（“tr7”）.innerHTML=“some text6”；
document.getElementById（“tr8”）.innerHTML=“some text7”；
document.getElementById（“tr9”）.innerHTML=“some text8”；

您错过了tr6，而tr9不存在

---

但是，我建议您查看循环是如何工作的。

您错过了tr6，而tr9不存在

---

但是，我建议您查看循环是如何工作的。

此演示使用

for

循环迭代

节点列表，并为每个

分配一个字符串

阅读：

//创建字符串数组。
//每个字符串表示每个单元格中的内容
var内容=[“第1列第1列”、“第1列第2列”、“第1列第3列”、“第2列第1列”、“第2列第2列”、“第2列第3列”、“第3列第1列”、“第3列第3列”]；
//使用querySelectorAll（）创建每个节点的节点列表
var cells=document.querySelectorAll（'td'）；
//迭代节点列表（单元格[]），并从数组中指定一个字符串（内容[]）
对于（变量i=0；i

表格{
边框：3倍纯色灰色；
表布局：固定；
利润率：40px自动；
}
运输署{
边框：3件镶嵌黑色；
轮廓：2倍于灰色；
高度：30px；
宽度：30px；
颜色：蓝色；
填充物：5px；
}

---

此演示使用

for

循环迭代

节点列表，并为每个

分配一个字符串

阅读：

//创建字符串数组。
//每个字符串表示每个单元格中的内容
var内容=[“第1列第1列”、“第1列第2列”、“第1列第3列”、“第2列第1列”、“第2列第2列”、“第2列第3列”、“第3列第1列”、“第3列第3列”]；
//使用querySelectorAll（）创建每个节点的节点列表
var cells=document.querySelectorAll（'td'）；
//迭代节点列表（单元格[]），并从数组中指定一个字符串（内容[]）
对于（变量i=0；i

表格{
边框：3倍纯色灰色；
表布局：固定；
利润率：40px自动；
}
运输署{
边框：3件镶嵌黑色；
轮廓：2倍于灰色；
高度：30px；
宽度：30px；
颜色：蓝色；
填充物：5px；
}

您将获取

tr2

两次，跳过

tr1

和

tr6

，并且没有

tr9

元素ID。除此之外，我看不到任何问题。“不工作”是什么意思？在修复上述评论中提到的问题时，似乎工作正常。您使用的是哪个浏览器，除了您错过了

tr1

，

tr6

并且您没有

tr9

您也可以尝试将

标记转换为

我正在使用google Chrome您正在获取

tr2

两次，跳过

tr1

和

tr6

，并且没有

tr9

元素ID。除此之外，我看不到任何问题。“不工作”是什么意思？在修复上述评论中提到的问题时，似乎工作正常。您使用的是哪个浏览器，除了您错过了

tr1

，

tr6

而您没有

tr9

您也可以尝试将

标签转换为

我正在使用谷歌chromeHi非常感谢您的回答。我还有一个问题，所以我有一些条件，我必须把数组、循环和变量放在我的每个条件中吗？@tom3883我必须看到这些条件，以及对它们的期望等等，才能给你一个合理的答案。但通常情况下，最好在循环中实际包含条件，以便这些条件将应用于变量、表达式的每次迭代（完整循环）。等等…好的，谢谢你，所以最好把循环放在所有条件上，把数组放在条件下？一般来说，但有时条件驱动循环，这又取决于…@tom3883不客气，先生。如果您有更多的问题，您可能想开始关于这些条件的另一个问题，并包括对这个问题的引用。如果我的回答解决了你的问题，别忘了勾选绿色复选标记。嗨，非常感谢你的回答。我还有一个问题，所以我有一些条件，我必须把数组、循环和变量放在我的每个条件中吗？@tom3883我必须看到这些条件，以及对它们的期望等等，才能给你一个合理的答案。但通常情况下，最好在循环中实际包含条件，以便这些条件将应用于变量、表达式的每次迭代（完整循环）。等等…好的，谢谢你，所以最好把循环放在所有条件上，把数组放在条件下？一般来说，但有时条件驱动循环，这又取决于…@tom3883不客气，先生。如果您有更多的问题，您可能想开始关于这些条件的另一个问题，并包括对这个问题的引用。如果我的回答解决了你的问题，别忘了勾选绿色复选标记。