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

Posted 2023-05-07

【中文标题】将所有 For 循环数组值打印到内部 HTML

【英文标题】：Print All For Loop Array Values to Inner HTML

【发布时间】：2018-06-27 19:44:25

【问题描述】：

我想将一些数组值打印到容器 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>

【问题讨论】：

在覆盖它的那一刻附加到 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>";

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