Хранение ссылочных элементов DOM в массиве Javascript

Question

Уважаемые эксперты, я пытался динамически генерировать элементы DOM, используя JS.

Я прочитал из книги Дугласа Крокфорда, что 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);        
};

Answer 2

Вы создаете отдельный массив при каждом запуске цикла.
Поэтому каждый экземпляр массива

Вам необходимо переместить переменную arr за пределы цикла.