javascript - 使用 innerHTML 无法输出完整的数字列表

Question

以下是创建从 1 到 10 的数字顺序列表的代码。我想获取此列表并使用 innerHTML 在 div“分页”中输出。但是，当我执行脚本时，唯一输出的是数字 10。当我改用 document.write 覆盖页面时，它会输出整个列表。有人可以告诉我我做错了什么吗？谢谢。

function generateNumbers() {
    var numbers = new Array();

    // start generating numbers
    for(var i = 1; i <= 10; i+= 1) {
        numbers.push( i );
    }

    // print numbers out.
    for(var i = 0; i < numbers.length; i++) {
        document.getElementById("pagination").innerHTML = numbers[i] + "<br>";
    }
}

在 HTML 中:

<div id="pagination"></div>

Answer 1

好吧，你在每一步都覆盖了 innerHTML。
尝试:

document.getElementById("pagination").innerHTML += numbers[i] + "<br>";

或者更好:

// no for loop
document.getElementById("pagination").innerHTML = numbers.join("<br>");