Javascript getElementById覆盖问题

Question

我有一个关于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; 
} 

任何想法的欢迎。谢谢。

Answer 1

追加，不要分配。

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); 
} 

Answer 2

您只会得到一个值，因为您在每次循环迭代过程中都设置了innerHTML属性，而不是附加到它。尝试使用content.innerHTML += html;。

Answer 3

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