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