Číslování DOM elementů v JavaScriptu
Porozumění iterátorům umožňuje snadno přidat čísla DOM elementům. Předpokládejme například, že máme odstavce:
<p>text</p>
<p>text</p>
<p>text</p>
Získejme kolekci těchto odstavců do proměnné:
let elems = document.querySelectorAll('p');
Pro iteraci použijme vestavěný
iterátor entries:
for (let entry of elems.entries()) {
console.log(entry);
}
Použijme destrukturalizaci, abychom oddělili čísla od elementů:
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Přidejme každému odstavci na konec jeho pořadové číslo:
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
Je dána HTML tabulka. Očíslujte každou buňku této tabulky.
