Javascript 无法将所有内容添加到循环内的父div

Javascript 无法将所有内容添加到循环内的父div,javascript,for-loop,Javascript,For Loop,阵列可以很好地记录控制台日志,但只有阵列的最后一个人被插入HTML 失败的原因是什么 document.getElementById(“团队”).addEventListener(“单击”,显示) 函数show(){ document.getElementById(“fritz”).style.display=“block”; document.getElementById(“bill”).style.display=“block”; document.getElementById(“fran”

阵列可以很好地记录控制台日志,但只有阵列的最后一个人被插入HTML

失败的原因是什么

document.getElementById(“团队”).addEventListener(“单击”,显示)
函数show(){
document.getElementById(“fritz”).style.display=“block”;
document.getElementById(“bill”).style.display=“block”;
document.getElementById(“fran”).style.display=“block”;
对于(i=0;i
()

您在每次迭代中都覆盖(替换)了
内容,因此除最后一个元素外的所有元素都会被覆盖

也许您想使用
.insertAdjacentHTML()

for(设i=0;i
另外,不要忘记在循环中声明
i

document.getElementById('insert_text')。innerHTML+=persoxn