我的JS數組打印時只顯示最終vaules

Question

所以後面的故事的升技 - 我創建一個個人筆記保持「事」，我也碰到了這樣的問題：當使用

：

for (i = 0; i < note_title.length; i++) { 
    document.getElementById("current_titles").innerHTML = (note_title[i] + "<br />"); 
}; 
for (i = 0; i < note_content.length; i++) { 
    document.getElementById("current_contents").innerHTML = (note_content[i] + "<br />"); 
}; 

該代碼將只打印出最後的值，而不是整個列表。爲什麼會這樣呢？

在此先感謝。

Answer 1

您總是重置innerHTML屬性，從而覆蓋舊的值。

解決方案是將生成的HTML存儲在變量（字符串）中，並將該值設置爲循環後的innerHTML值。

不要使用innerHTML += ""。這會顯着影響您網站的性能。

var currentTitlesStr = ""; 

for (i = 0; i < note_title.length; i++) { 
    currentTitlesStr += note_title[i] + "<br />"; 
} 
document.getElementById("current_titles").innerHTML = currentTitlesStr; 


var noteContentsStr = ""; 

for (i = 0; i < note_content.length; i++) { 
    noteContentsStr += note_content[i] + "<br />"; 
} 
document.getElementById("current_contents").innerHTML = nodeContentsStr; 

Answer 2

添加+ =代替=

for (i = 0; i < note_title.length; i++) { 
    document.getElementById("current_titles").innerHTML += (note_title[i] + "<br />"); 
}; 
for (i = 0; i < note_content.length; i++) { 
    document.getElementById("current_contents").innerHTML += (note_content[i] + "<br />"); 
};