動態創建div

Question

我想創建與 var foo.length 一樣多的 div，但我的代碼只創建一個 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]);
}