Question

使用 For 循环将多个子 Div 附加到 Div 中

2016-03-28

2375

javascript html loops for-loop

我知道这个问题已经被问过无数次了……但是我整理了所有我找到的问题，却没有找到一个能真正解释清楚的。

HTML:

<div id="alphabet"></div>

JS:

var alphabet = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", 
                "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"];

var target = document.getElementById('alphabet');

for (i = 0; i < 26; i++) {

    var newLink = document.createElement('div');
    target.appendChild = newLink;
    newLink.innerHTML = alphabet[i];
}

alert(alphabet);
alert(newLink);
alert(target);

显然我遗漏了一些东西……对于这么简单的例子，我真不敢相信我遇到了这么多麻烦。任何帮助都非常感谢，提前谢谢！

Answer 1

基本上 node.appendChild(node) 是一个函数。

target.appendChild(newLink);

你的完整代码将是，

for (i = 0; i < 26; i++) {
 var newLink = document.createElement('div');
 newLink.innerHTML = alphabet[i];
 target.appendChild(newLink);
}