在Javascript数组中存储DOM引用元素

Question

亲爱的专家,我试图用JS动态生成DOM元素.

我从Douglas Crockford的书中读到,DOM的结构非常糟糕.

无论如何,我想创建一些DIVISION元素并将引用存储到一个数组中,以便以后可以访问它.

这是代码

for(i=0; i<3; i++) {
    var div = document.body.appendChild(document.createElement("div"));
    var arr = new Array();
    arr.push(div);
}

不知何故,这将无法工作.....只创建了1个div元素.当我使用它arr.length来测试代码时,数组中只有1个元素.

还有另一种方法来实现这一目标吗？

提前致谢

Answer 1

您将在每次迭代时重新创建数组(从而消隐它).

我想你想要这样的东西.

var arr = []; // more succinct version of new Array();

for (var i = 0; i < 3; i++) {
    var div = document.body.appendChild(document.createElement('div'));
    arr.push(div);        
};