2015-12-29 87 views
0

我有數據存儲在多個陣列中。我希望能夠使用innerHTML在頁面上顯示每個數組中的元素。問題在於,每次通過for循環時,數組中的下一個元素都會覆蓋前一個元素。如何在不覆蓋任何內容的情況下一次顯示所有元素?這裏是我的設置:在多個陣列中顯示元素

for(var item in list){ 
    document.getElementById('results').innerHTML = "Results: " + item; 
    } 

所以可能顯示的是第一組的內容,然後我會創建另一個循環來顯示第二陣列的內容,等有沒有更好的方式來顯示的內容多個數組,這樣就不會覆蓋以前的內容?

+0

你可以做'.innerHTML + =「更多results'' – adeneo

+0

另外,最好不要使用'爲... in'循環數組。爲對象保留該循環。 – Andy

回答

1

編輯你的代碼

for(var item in list){ 
    document.getElementById('results').innerHTML = "Results: "; 
    document.getElementById('results').innerHTML = document.getElementById('results').innerHTML+ item; 
    // Or same way to write it 
    // document.getElementById('results').innerHTML += item; 
} 
+0

這打印項目,但它也重複打印元素之間的「結果」。 –

+0

請參閱已編輯的答案 – kartikmaji