2016-03-28 6 views
4

私はこれが何百万回も尋ねられていることを理解しています...しかし、私が見つけたすべてのものを並べ替えて、本当にうまく説明できるものは見つかりませんでした。Forループを使用して複数の子Divを持つディビジョンを追加

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

もちろん、私が欠けている何かがある...このような単純な例で、私は、私は、この多くの問題を抱えていると信じてすることはできません。どんな助けも大歓迎です、事前に感謝!

答えて

2

基本的にnode.appendChild(node)は関数です。

target.appendChild(newLink); 

そして、あなたの完全なコードは次のようになり、

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

はあなたの完全かつ迅速な対応をありがとうございました。私は(陽気に)ちょうど反対の間違いを.innerHTML *関数ではない*としました。これは現在意図したとおりに動作しています。私はあなたの答えを受け入れるようにマークします。 – perkface

+0

@perkface喜んで助けてください! :) –

関連する問題