Stocker des éléments de référence DOM dans un tableau Javascript

Question

Chers experts, J'essayais de générer dynamiquement des éléments DOM en utilisant JS. Je lis dans le livre de Douglas Crockford que DOM est très très mal structuré.

Quoi qu'il en soit, je voudrais créer un certain nombre d'éléments DIVISION et stocker la référence dans un tableau afin qu'il puisse être consulté plus tard.

est ici le code

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

D'une certaine façon cela ne fonctionnerait pas ..... Il y a seulement 1 élément div créé. Lorsque j'utilise le arr.length pour tester le code, il n'y a qu'un seul élément dans le tableau.

Existe-t-il un autre moyen d'accomplir ceci?

Merci à l'avance

Answer 1

Vous recréent le tableau à chaque itération (et découpage ainsi).

Je pense que vous voulez quelque chose comme ça.

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

Vous créez une matrice distincte chaque fois que la boucle s'exécute.
Par conséquent, chaque instance de tableau

Vous devez déplacer la variable arr en dehors de la boucle.