For循环仅输出最后一次迭代

Question

我是Java的新手，只是在尝试将简单的for循环打印到HTML。

HTML：

<div id="hello"</div>

JS：

var text="";

for (var i=0;i<10;i++) {
    document.getElementById("hello").innerHTML=text+i;
}

我的问题是此代码仅输出最后的迭代“ 9”，而不是我想要的“ 0123456789”。

现在，如果我执行document.write它可以很好地打印出数字，但是我听说这是一种不好的做法，所以我只想以正确的方式进行操作。

谢谢

Answer 1

最好先构建您的文本内容，然后将其插入HTML元素一次（以节省时间）：

var text="";

for (var i=0;i<10;i++) {
    text += i;
}

document.getElementById("hello").innerHTML = text;

Answer 2

你应该使用加法赋值运算符+= ，增加了一个值的变量，所以你只是缺少+之前=在：

document.getElementById("hello").innerHTML += text+i;

注意：使用textContent而不是innerHTML因为您仅添加文本，请检查下面的示例。

---

 var text=""; for (var i=0;i<10;i++) { document.getElementById("hello").textContent += text+i; } 

 <div id="hello"></div>