Numërimi i elementeve DOM në JavaScript

Kuptimi i përsëritësve lejon që lehtësisht të shtohen numra elementeve DOM. Le të themi, për shembull, ne kemi paragrafë:

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

Le të marrim një koleksion të këtyre paragrafëve në një ndryshore:

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

Le të përdorim përsëritësin e integruar entries për të përsëritur:

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

Le të përdorim shpërbërjen, për të ndarë numrat nga elementët:

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

Le të shtojmë në fund të çdo paragrafi numrin e tij rendor:

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