将所有 For 循环数组值打印到内部 HTML答案

【问题标题】：Print All For Loop Array Values to Inner HTML将所有 For 循环数组值打印到内部 HTML
【发布时间】：2018-06-27 19:44:25
【问题描述】：

我想将一些数组值打印到容器 div 内的屏幕上。下面的循环仅将最终的数组值“dog”打印到屏幕上。

我似乎无法解决这里的问题？

var arr = ["mouse", "cat", "dog"];
var holder = document.getElementById("holder");

for ( var i=0; i < arr.length; i+=1 ) {

holder.innerHTML = "<p>" + arr[i] + "</p><br/>" ;

}

HTML

<div id="holder"></div>

【问题讨论】：

在覆盖它的那一刻附加到 innerHTML（+= 不是 =）。

标签： arrays loops printing innerhtml

【解决方案1】：

尝试在holder.innerHTML = "<p>" + arr[i] + "</p><br/>" ; 中使用+=，否则每次迭代都会覆盖该行。

var arr = ["mouse","cat","dog"];
var holder = document.getElementById("holder");
for(var i=0; i < arr.length; i++)
  holder.innerHTML += "<p>"+arr[i]+"</p><br>";

&lt;div id="holder"&gt;&lt;/div&gt;

【讨论】：