Číslování DOM elementů v JavaScriptu

Porozumění iterátorům umožňuje snadno přidat čísla DOM elementům. Předpokládejme například, že máme odstavce:

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

Získejme kolekci těchto odstavců do proměnné:

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

Pro iteraci použijme vestavěný iterátor entries:

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

Použijme destrukturalizaci, abychom oddělili čísla od elementů:

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

Přidejme každému odstavci na konec jeho pořadové číslo:

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