Številčenje DOM elementov v JavaScript
Razumevanje iteratorjev omogoča enostavno dodajanje številk DOM elementom. Recimo, da imamo na primer odstavke:
<p>besedilo</p>
<p>besedilo</p>
<p>besedilo</p>
Pridobimo zbirko teh odstavkov v spremenljivko:
let elems = document.querySelectorAll('p');
Uporabimo vgrajeni
iterator entries za ponavljanje:
for (let entry of elems.entries()) {
console.log(entry);
}
Uporabimo destructuring, da ločimo številke od elementov:
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Dodajmo vsakemu odstavku na konec njegovo zaporedno številko:
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
Podana je HTML tabela. Oštevilčite vsako celico te tabele.
