Maison > interface Web > js tutoriel > Comment parcourir une NodeList renvoyée par getElementsByClassName() ?

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

Susan Sarandon
Libérer: 2024-11-13 17:13:02
original
765 Les gens l'ont consulté

How Do You Iterate Through a NodeList Returned by 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));
}
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal