使用For循环附加多个子分段的分段

Append Div with Multiple Child Divs Using For Loop

本文关键字:分段 For 循环 使用      更新时间:2023-09-26

我意识到这个问题已经被问了一百万次了。。。但在我发现的所有这些中,我还没有找到一个能很好地解释这一点的。

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);

很明显,我错过了一些东西。。。举这样一个简单的例子,我简直不敢相信我会遇到这么多麻烦。非常感谢您的帮助,提前感谢!

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

target.appendChild(newLink);

你的完整代码是

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