Comment parcourir correctement les éléments HTMLCollection et récupérer leurs identifiants ?

Boucle For pour les éléments HTMLCollection

Explication

Vous essayez de parcourir une HTMLCollection et de récupérer l'ID de chaque élément. Cependant, votre approche initiale est incorrecte. En utilisant for (key in list), vous parcourez les clés de HTMLCollection, qui sont les indices des éléments.

Approche correcte

Pour parcourir les objets HTMLCollection eux-mêmes et accéder à leurs identifiants, vous pouvez utiliser le yöntemler suivant :

1. boucle for/of (navigateurs modernes)

Pour les navigateurs modernes prenant en charge la syntaxe for/of ES6, vous pouvez utiliser le code suivant :

var list = document.getElementsByClassName("events");
for (let item of list) {
    console.log(item.id);
}

2. Boucle for avec propriété Longueur

Pour les navigateurs qui ne prennent pas en charge la syntaxe for/of, vous pouvez utiliser le code suivant :

var list = document.getElementsByClassName("events");
for (var i = 0; i < list.length; i++) {
    console.log(list[i].id);
}

Éviter d'utiliser for/in

Ne pas utiliser for/in pour parcourir HTMLCollections. Il est destiné à itérer sur les propriétés des objets, ce qui peut entraîner un comportement inattendu avec les objets HTMLCollection.

Résumé

N'oubliez pas que pour les navigateurs modernes, l'approche recommandée consiste à utiliser la syntaxe for/of, tandis que pour les navigateurs plus anciens, l'approche de la boucle for avec propriété de longueur fonctionnera. Évitez d'utiliser for/in pour HTMLCollections.

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!