DOM elementide nummerdamine JavaScriptis
Iteratiivide mõistmine võimaldab hõlpsalt lisada DOM elementidele numbreid. Oletame näiteks, et meil on lõigud:
<p>text</p>
<p>text</p>
<p>text</p>
Hankige nende lõikude kogum muutujasse:
let elems = document.querySelectorAll('p');
Kasutame läbimiseks sisseehitatud
iteratiivi entries:
for (let entry of elems.entries()) {
console.log(entry);
}
Kasutame destruktureerimist, et eraldada numbrid elementidest:
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Lisame igale lõigule lõppu selle järjekorranumbri:
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
Antud on HTML tabel. Nummerdage iga selle tabeli lahtris.
