Comment parcourir une NodeList renvoyée par getElementsByClassName() ?

Itération dans getElementsByClassName NodeList

En tant que débutant en JavaScript, vous pouvez rencontrer des difficultés lors de l'itération dans une NodeList renvoyée par la méthode getElementsByClassName() . Contrairement aux tableaux, les NodeLists ne prennent pas automatiquement en charge les comportements de type tableau, tels que l'indexation directe ou la boucle à l'aide de la syntaxe for.

Pour parcourir correctement une NodeList, vous pouvez utiliser la méthode item() fournie par l'objet NodeList. Cette méthode vous permet de récupérer des éléments individuels de la NodeList en spécifiant un index.

Pour démontrer, considérez le code suivant :

const slides = document.getElementsByClassName("slide");
for (let i = 0; i < slides.length; i++) {
   Distribute(slides.item(i));
}

En utilisant la méthode item(), ce code récupère chaque élément de la NodeList à l'index spécifié et le transmet à la fonction Distribute() pour traitement.

Remarque : Il est important de considérer que lors de la modification du DOM dans la fonction Distribute(), la longueur et l'ordre de la NodeList peuvent changer. Pour éviter un comportement imprévisible, vous pouvez envisager de créer un tableau cloné à partir de la NodeList avant de le parcourir, en vous assurant que vous travaillez avec une collection statique.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!