Numerotarea elementelor DOM în JavaScript
Înțelegerea iteratorilor permite adăugarea ușoară a numerelor elementelor DOM. Să presupunem, de exemplu, că avem paragrafe:
<p>text</p>
<p>text</p>
<p>text</p>
Să obținem o colecție a acestor paragrafe într-o variabilă:
let elems = document.querySelectorAll('p');
Să folosim iteratorul încorporat
entries pentru parcurgere:
for (let entry of elems.entries()) {
console.log(entry);
}
Să folosim destructurarea pentru a separa numerele de elemente:
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Să adăugăm la sfârșitul fiecărui paragraf numărul său de ordine:
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
Este dat un tabel HTML. Numerotați fiecare celulă a acestui tabel.
