Numeracija DOM elemenata u JavaScript-u

Razumevanje iteratora omogućava lako dodavanje brojeva DOM elementima. Recimo, na primer, da imamo paragrafove:

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

Dobijmo kolekciju ovih paragrafa u promenljivu:

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

Iskoristimo za iteraciju ugrađeni iterator entries:

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

Iskoristimo destructuring, da odvojimo brojeve od elemenata:

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

Dodajmo svakom paragrafu na kraj njegov redni broj:

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