javascript – 使用For循环附加具有多个子Div的Div

2023年1月11日 334次阅读

我意识到这已经被问了一百万次……但是我找到了所有的那些,我找不到一个能够很好地解释它的东西.

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);
}
点赞