For loop through Array仅显示最后一个值

Question

我试图遍历一个数组，然后使用innerHTML为数组中的每个条目创建一个新的

元素。不知何故，我的代码只显示数组中的最后一个值。我已经被困在这几个小时，似乎无法弄清楚我做错了什么。

window.onload = function() {

// Read value from storage, or empty array
var names = JSON.parse(localStorage.getItem('locname') || "[]");
var i = 0;

    n = (names.length);
    for (i = 0; i <= (n-1); i++) {
        var list = names[i];
        var myList = document.getElementById("list");
        myList.innerHTML = "<li class='list-group-item' id='listItem'>"+ list + "</li>" + "<br />";
    }
}

我有一个带有ID＆＃39;列表＆＃39;在我的HTML中。

Answer 1

更改for循环：

for (i = 0; i <= (n-1); i++) {
    var list = names[i];
    var myList = document.getElementById("list");
    myList.innerHTML += "<li class='list-group-item' id='listItem'>"+ list + "</li>" + "<br />";
}

使用+=代替=。除此之外，您的代码看起来很好。