DOM elemek számozása JavaScriptben

Az iterátorok megértése lehetővé teszi, hogy könnyedén hozzáadjunk sorszámokat DOM elemekhez. Tegyük fel például, hogy vannak bekezdéseink:

html<p>szöveg</p>
<p>szöveg</p>
<p>szöveg</p>

Kapjuk meg ezeknek a bekezdéseknek a gyűjteményét egy változóba:

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

Használjuk a beépített entries iterátort a bejáráshoz:

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

Használjunk destrukturálást, hogy elkülönítsük a számokat az elemektől:

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

Adjunk hozzá minden bekezdéshez a végéhez a sorszámát:

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