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

Question

我正在尝试遍历一个Array,然后使用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 />";
    }
}

我的HTML中有一个带有id"list"的UL.

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 />";
}

用+=而不是=.除此之外,您的代码看起来很好.