DOM Element Nommering in JavaScript
Om iterators te verstaan, maak dit maklik om nommers by DOM elemente te voeg. Kom ons sê, byvoorbeeld, ons het die volgende paragrawe:
<p>text</p>
<p>text</p>
<p>text</p>
Kom ons kry 'n versameling van hierdie paragrawe in 'n veranderlike:
let elems = document.querySelectorAll('p');
Kom ons gebruik die ingeboude
iterator entries om deur dit te itereer:
for (let entry of elems.entries()) {
console.log(entry);
}
Kom ons gebruik destrukturering om die nommers van die elemente te skei:
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Kom ons voeg aan die einde van elke paragraaf sy volgorde nommer by:
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
Daar is 'n HTML tabel. Nommer elke sel van hierdie tabel.
