javascript - li 增量 - 似乎在第三个 li 处停止

Question

在为列表项添加自动递增 id 时深入了解 javascript

    <script type="text/javascript">
var increments = document.getElementById("increment");
    var li = increments.getElementsByTagName("li");
    for (i=0;i<li.length;i++) li[i].setAttribute("id", 'x' + i+1);
</script>

问题是，在“x21”的第二个 ID 之后，它似乎消失了，并且没有为第三个、第四个 li 插入一个 ID。

也许它正盯着我的脸看，但我看不到它，我虚弱的头脑还在学习

谢谢你看看

Answer 1

检查 this fiddle .

对我来说没问题。我更改了您分配 id 的方式并使用局部变量而不是全局“i”。

此外，即使是单行循环和 if 语句，也最好始终使用大括号。