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:
<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:
let elems = document.querySelectorAll('p');
Használjuk a beépített entries
iterátort a bejáráshoz:
for (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:
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Adjunk hozzá minden bekezdéshez a végéhez a sorszámát:
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
Adott egy HTML táblázat. Számozza meg a táblázat minden celláját.
