DOM elementų numeravimas JavaScript
Iteratorius supratimas leidžia lengvai pridėti numerius DOM elementams. Tarkime, pavyzdžiui, kad turime paragrafus:
<p>textas</p>
<p>textas</p>
<p>textas</p>
Gaukime šių paragrafų kolekciją į kintamąjį:
let elems = document.querySelectorAll('p');
Naudokimės įdiegtuoju
iteratoriumi entries sąrašui pereiti:
for (let entry of elems.entries()) {
console.log(entry);
}
Naudokimės destruktūrizavimu, kad atskirtume numerius nuo elementų:
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Prie kiekvieno paragrafo galo pridėkime jo eilės numerį:
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
Duota HTML lentelė. Sunumeruokite kiekvieną šios lentelės langelį.
