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:

html<p>tekst</p>
<p>tekst</p>
<p>tekst</p>

Lad os få en samling af disse afsnit i en variabel:

javascriptlet elems = document.querySelectorAll('p');

Lad os bruge den indbyggede iterator entries til at gennemgå dem:

javascriptfor (let entry of elems.entries()) {
  console.log(entry);
}

Lad os bruge destructuring til at adskille numre fra elementer:

javascriptfor (let [num, elem] of elems.entries()) {
  console.log(num, elem);
}

Lad os tilføje hvert afsnits ordningsnummer til slutningen af dets indhold:

javascriptfor (let [num, elem] of elems.entries()) {
  elem.textContent += num;
}