javascript - div を動的に作成する

Question

var foo.length と同じ数の div を作成したいのですが、私のコードでは 1 つの div しか作成されません。

var foo = new Array();
for ( i = 0; i < 5; i++ ) { 
  foo[i] = document.createElement('div'); 
}

誰かが私を助けることができますか？

Answer 1

"document.createElement" を呼び出しても、実際には新しい要素が DOM に追加されるのではなく、作成されるだけです。次に「appendChild」を呼び出す必要があります。だから、このようなもの：

var container = document.getElementById('container');
var foo = [];
for (var i = 0;i < 5;i++) {
    foo[i] = document.createElement('div');
    container.appendChild(foo[i]);
}