Številčenje DOM elementov v JavaScript

Razumevanje iteratorjev omogoča enostavno dodajanje številk DOM elementom. Recimo, da imamo na primer odstavke:

html<p>besedilo</p>
<p>besedilo</p>
<p>besedilo</p>

Pridobimo zbirko teh odstavkov v spremenljivko:

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

Uporabimo vgrajeni iterator entries za ponavljanje:

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

Uporabimo destructuring, da ločimo številke od elementov:

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

Dodajmo vsakemu odstavku na konec njegovo zaporedno številko:

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