在div中顯示所有結果

Question

我有一個遍歷API查詢所有可能結果的foreach循環

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