For循环中的getElementById

Question

我正在使用For循环来运行数组并返回相关的字符串。 当我使用getElementById时，我只得到最后一个字符串，但如果我使用document.write，一切都很好。

var names = ["John","Jamie","Jessica","Judy","Jeffery","Joy"];
for (i=0,tot=names.length; i < tot; i++) {
 document.getElementById("namelist").innerHTML = names[i];
}

并且HTML是<p id="namelist">list of names go here</p>

我跑的时候得到的是“欢乐”。 在这种情况下是否无法使用getElementById？ 是否有其他方法可以将返回的列表放在一个元素中？

我已经在这里阅读了其他一些问题和答案，但没有一个是我想要的

谢谢！

Answer 1

您正在循环中设置值。

首先，你把它设置为约翰。 然后你把它设置为杰米（所以它不再是约翰），依此类推。

如果你想附加一个值，那么你需要做类似的事情：

document.getElementById("namelist").innerHTML = document.getElementById("namelist").innerHTML + names[i];

（使用+=运算符会更短）

如果您只是想放弃所有内容，那么就不需要使用循环：

document.getElementById("namelist").innerHTML = names.join(' ');

Answer 2

var names = ["John","Jamie","Jessica","Judy","Jeffery","Joy"];
for (i=0,tot=names.length; i < tot; i++) {
 document.getElementById("namelist").innerHTML += names[i];
}

+ =而不是=

Answer 3

如果要打印所有名称，则需要在元素的innerHTML中追加所有名称。

var names = ["John","Jamie","Jessica","Judy","Jeffery","Joy"];
for (i=0,tot=names.length; i < tot; i++) {
 document.getElementById("namelist").innerHTML += names[i]+"<br/>" ;
}

Answer 4

document.getElementById("namelist").innerHTML += names[i] + "<br/>" 

很可能是你想要的

我使用的运算符是+= where

a += b;

是相同的

a = a + b;

一种更简单的方法是

var names = ["John","Jamie","Jessica","Judy","Jeffery","Joy"];
document.getElementById("namelist").innerHTML = names[i].join(", ");

Answer 5

快速写入replace = with + =

var names = ["John","Jamie","Jessica","Judy","Jeffery","Joy"];
for (i=0,tot=names.length; i < tot; i++) {
 document.getElementById("namelist").innerHTML += names[i];
}