javascript - 为什么我的 for 循环不执行？

Question

当我使用 document.write 时它可以工作，但它不能与 getElementById 一起使用。暂时也一样。`

<div id="mydiv"></div>
    <script>
        var i = 0;
        for (i=0; i<=10; i++){
        //while (i<=10){
            document.getElementById("mydiv").innerHTML = i + "<br>";
            //i++;
        }
    </script>

输出只有10，但我想逐行列出0-10。如何修复？

Answer 1

每次循环运行时，它都会覆盖 div 的innerHTML。

此实现以 html 的空字符串开始，然后在每次迭代中使用 += 连接计数器和
。

    var i = 0;
    var html = '';
    for (i=0; i<=10; i++){
        html += i + '<br>';
    }
    document.getElementById("mydiv").innerHTML = html;