Javascript getElementById覆盖问题

我有一个关于Javascript的简单问题。我试图在循环中打印一些值到div容器。问题是，不是在循环中多次打印该值，而是每次都被覆盖，结果只得到一个值。请参阅下面的代码：

for (i=0; i<json.Locations.length; i++) {
    var location = json.Locations[i];
    var content = document.getElementById('eventsnearby');                                                    
    var html = location.name;
    content.innerHTML = html;
}

for（i=0；iAppend，不赋值

content.innerHTML += html;

更好的方法是使用标准DOM

var content = document.getElementById('eventsnearby');                                                        
for (var i = 0; i < json.Locations.length; i++) {
    var text = json.Locations[i].name;
    var node = document.createTextNode(text);
    content.appendChild(node);
}

var content=document.getElementById（'eventsnarby'）；
对于（var i=0；i
追加，不分配

content.innerHTML += html;

更好的方法是使用标准DOM

var content = document.getElementById('eventsnearby');                                                        
for (var i = 0; i < json.Locations.length; i++) {
    var text = json.Locations[i].name;
    var node = document.createTextNode(text);
    content.appendChild(node);
}

var content=document.getElementById（'eventsnarby'）；
对于（var i=0；i
由于在每次循环迭代期间设置innerHTML属性而不是附加到它，因此只能获得一个值。请尝试使用
content.innerHTML+=html；
因为在每次循环迭代期间设置innerHTML属性而不是附加到它。请尝试使用
content.innerHTML+=html；
for（i=0；i
for（i=0；i
for (i=0; i<json.Locations.length; i++) {
var location = json.Locations[i];

var content = document.getElementById('eventsnearby');                                                    
var html = location.name;
content.innerHTML += html;
}