【问题标题】:Append Div with Multiple Child Divs Using For Loop使用 For 循环附加具有多个子 div 的 div
【发布时间】:2016-07-16 01:35:11
【问题描述】:

我意识到这个问题已经被问过一百万次了……但是对我找到的所有问题进行分类,我还没有找到一个能够很好地解释它的问题。

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

显然我遗漏了一些东西......通过这样一个简单的例子,我不敢相信我遇到了这么多麻烦。非常感谢任何帮助,在此先感谢!

【问题讨论】:

    标签: javascript html loops for-loop


    【解决方案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);
    }
    

    【讨论】:

    • 感谢您完整而迅速的回复。我(滑稽地)刚刚犯了相反的错误, .innerHTML not 是一个函数。它现在按预期工作。一旦计时器允许,我会将您的答案标记为已接受。
    • @perkface 很高兴为您提供帮助! :)
    猜你喜欢
    • 2015-03-18
    • 2022-07-06
    • 1970-01-01
    • 2018-08-14
    • 1970-01-01
    • 2013-03-20
    • 2013-09-20
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多