Numérotation des éléments DOM en JavaScript
Comprendre les itérateurs permet d'ajouter facilement des numéros aux éléments DOM. Supposons, par exemple, que nous ayons des paragraphes :
<p>text</p>
<p>text</p>
<p>text</p>
Récupérons la collection de ces paragraphes dans une variable :
let elems = document.querySelectorAll('p');
Utilisons l'itérateur intégré
entries pour les parcourir :
for (let entry of elems.entries()) {
console.log(entry);
}
Utilisons la déstructuration pour séparer les numéros des éléments :
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Ajoutons à chaque paragraphe à la fin son numéro d'ordre :
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
Un tableau HTML est donné. Numérotez chaque cellule de ce tableau.
