Numeracija DOM elemenata u JavaScript-u
Razumevanje iteratora omogućava lako dodavanje brojeva DOM elementima. Recimo, na primer, da imamo paragrafove:
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
Dobijmo kolekciju ovih paragrafa u promenljivu:
let elems = document.querySelectorAll('p');
Iskoristimo za iteraciju ugrađeni
iterator entries:
for (let entry of elems.entries()) {
console.log(entry);
}
Iskoristimo destructuring, da odvojimo brojeve od elemenata:
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Dodajmo svakom paragrafu na kraj njegov redni broj:
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
Data je HTML tabela. Numerišite svaku ćeliju ove tabele.
