顯示的所有結果中的div

Question

我有一個foreach循環通過API查詢

json.results.forEach(function(result) { 
    console.log(result.original_title); 
    document.getElementById("possibleResults").innerText = result.original_title; 
}, this); 

的的console.log的所有可能的結果變爲輸出所有元素正確，但是正如所料，當寫到可能的結果 div，它只顯示最後的結果。

我該如何將結果順序寫入div，以便它們不被覆蓋，最好不使用CSS？

Answer 1

更改document.getElementById("possibleResults").innerText = result.original_title;至document.getElementById("possibleResults").innerText += result.original_title;第一個選項替換div的當前內容，這就是爲什麼您只能看到最後一個結果。第二個追加到最後，保持每一個結果。

Answer 2

將其寫入變量後添加所有內容。

var content; 
json.results.forEach(function(result) { 
     console.log(result.original_title); 
     content += result.original_title; 
}, this); 

     document.getElementById("possibleResults").innerText = content; 

Answer 3

這是因爲

document.getElementById("possibleResults").innerText = result.original_title; 

每下一次迭代將覆蓋前一個插入的文本。

嘗試

json.results.forEach(function(result) { 
    console.log(result.original_title); 
    document.getElementById("possibleResults").innerText += result.original_title 

}, this);