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

Question

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

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

JS

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>

Answer 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>";

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

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

Print All For Loop Array Values to Inner HTML

printing

arrays

loops

innerhtml