DOM elementu numerācija JavaScript

Iteratoru izpratne ļauj viegli pievienot numurus DOM elementiem. Pieņemsim, ka mums ir, piemēram, rindkopas:

html<p>teksts</p>
<p>teksts</p>
<p>teksts</p>

Iegūsim šo rindkopu kolekciju mainīgajā:

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

Izmantosim iebūvēto iteratoru entries, lai izietu cauri:

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

Izmantosim destrukturizāciju, lai atdalītu numurus no elementiem:

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

Pievienosim katrai rindkopai beigās tās kārtas numuru:

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