Question

我只是想在div或标题中显示我的数组。

我在下面发布的代码仅显示＆＃34; List＆＃34;的最后一部分。

当我尝试使用：document.write时，一切正常。

有没有特别的技巧来显示列表，就像document.write在下面使用我的代码一样？

var Users = ["Till", "Didi", "Klausi", "Heinz"];
for (var i = 0; i < Users.length; i++) {
    document.querySelector("div").innerHTML = Users[i] + " is always on my page " + "<br>";
}

Answer 1

首先通过迭代数组并连接字符串来构建整个HTML。然后将其设置为innerHTML的{{1}}。

＆＃13;

div

＆＃13;

var Users = ["Till", "Didi", "Klausi", "Heinz"];

var _html = "";
for (var i = 0; i < Users.length; i++) {
    _html += Users[i] + " is always on my page " + "<br>";
}

document.querySelector("div").innerHTML = _html;

＆＃13;

Answer 2

每次循环运行时，它都会将当前的可迭代项插入到HTML中，替换之前的那个。因此，在循环外部添加一个变量，并使用var x += User[i]附加到它。

Answer 3

var separator = ' is always on my page<br>';
var html = Users.join(separator) + separator;
document.querySelector("div").innerHTML = html;
// writes
// "Till is always on my page<br>Didi is always on my page<br>Klausi is always on my page<br>Heinz is always on my page<br>"

可以显示带有for循环和InnerHTML的数组吗？

3 个答案: