javascript - for循环只输出最后一次迭代

Question

我是 Javascript 的新手，只是在尝试将一个简单的 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;