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

Question

以下是用于创建从1到10的连续数字列表的代码.我想使用innerHTML获取此列表并在div"pagination"中输出.但是,当我执行脚本时,输出的唯一内容是数字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>");