javascript - JS 循环遍历数组以更改段落的innerHTML

Question

我还在学习js的基础知识。在这个问题中，我的预期结果是得到 a、b、c、d，但它给出了 a、b、c、c。谁能解释一下？当我输入 x[3] 时，它会打印 a、b、c、d。

<p>a</p>
<p>b</p>
<p>c</p>
<p id="demo">d</p>

<script>
    var x = document.getElementsByTagName("p");
    var i;
    for (i = 0; i < x.length; i++) {
        document.getElementById("demo").innerHTML = x[i].innerHTML;
    }
</script>

Answer 1

这里的问题是，当您的代码循环到带有“演示”ID 的 p 标记时，它会将自己的值读取为“c”，因为这是您在前一次迭代中分配给它的值。
所以<p id="demo">d</p>变成
a 为 i=0
b 对于 i=1
c 对于 i=2
当它达到 i=3 时，它读取自身的值“c”，因此它将自己重新分配为“c”。