Číslovanie DOM prvkov v JavaScripte

Pochopenie iterátorov umožňuje ľahko pridať čísla DOM prvkom. Povedzme, napríklad, že máme odseky:

html<p>text</p>
<p>text</p>
<p>text</p>

Získajme kolekciu týchto odsekov do premennej:

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

Použime na prechádzanie vstavaný iterátor entries:

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

Použime destructuring, aby sme oddelili čísla od prvkov:

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

Pridajme každému odseku na koniec jeho poradové číslo:

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