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

时间:2018-01-18 16:45:08

标签: arrays loops printing innerhtml

我想在容器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>

1 个答案:

答案 0 :(得分:3)

尝试+=中的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>