Číslovanie DOM prvkov v JavaScripte
Pochopenie iterátorov umožňuje ľahko pridať čísla DOM prvkom. Povedzme, napríklad, že máme odseky:
<p>text</p>
<p>text</p>
<p>text</p>
Získajme kolekciu týchto odsekov do premennej:
let elems = document.querySelectorAll('p');
Použime na prechádzanie vstavaný
iterátor entries:
for (let entry of elems.entries()) {
console.log(entry);
}
Použime destructuring, aby sme oddelili čísla od prvkov:
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Pridajme každému odseku na koniec jeho poradové číslo:
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
Daná HTML tabuľka. Očíslujte každú bunku tejto tabuľky.
