DOM elementų numeravimas JavaScript

Iteratorius supratimas leidžia lengvai pridėti numerius DOM elementams. Tarkime, pavyzdžiui, kad turime paragrafus:

html<p>textas</p>
<p>textas</p>
<p>textas</p>

Gaukime šių paragrafų kolekciją į kintamąjį:

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

Naudokimės įdiegtuoju iteratoriumi entries sąrašui pereiti:

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

Naudokimės destruktūrizavimu, kad atskirtume numerius nuo elementų:

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

Prie kiekvieno paragrafo galo pridėkime jo eilės numerį:

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