Nummerering af DOM-elementer i JavaScript
Forståelse af iteratorer gør det nemt at tilføje numre til DOM-elementer. Lad os for eksempel sige, at vi har følgende afsnit:
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
Lad os få en samling af disse afsnit i en variabel:
let elems = document.querySelectorAll('p');
Lad os bruge den indbyggede
iterator entries til at gennemgå dem:
for (let entry of elems.entries()) {
console.log(entry);
}
Lad os bruge destructuring til at adskille numre fra elementer:
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Lad os tilføje hvert afsnits ordningsnummer til slutningen af dets indhold:
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
Der er givet en HTML-tabel. Nummerer hver celle i denne tabel.
