Numerowanie elementów DOM w JavaScript
Zrozumienie iteratorów pozwala łatwo dodać numery do elementów DOM. Załóżmy, na przykład, że mamy akapity:
<p>text</p>
<p>text</p>
<p>text</p>
Pobierzmy kolekcję tych akapitów do zmiennej:
let elems = document.querySelectorAll('p');
Użyjmy wbudowanego iteratora
entries do przejrzenia:
for (let entry of elems.entries()) {
console.log(entry);
}
Użyjmy destrukturyzacji, aby oddzielić numery od elementów:
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Dodajmy każdemu akapitowi na końcu jego numer porządkowy:
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
Dana jest tabela HTML. Ponumeruj każdą komórkę tej tabeli.
