动态创建div

时间:2012-04-04 05:27:07

标签: javascript dom html

我想创建与var foo.length一样多的div,但我的代码只创建一个div。

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

有人可以帮助我吗?

1 个答案:

答案 0 :(得分:5)

调用“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]);
}