JavaScript-de DOM elementlerini nomerlemek
Iteratoryollary düşünmek, DOM elementlerine nomer goşmagy aňsatlaşdyrýar. Mysal üçin, bizde şeýle abzaslar bar diýeliň:
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
Geliň, bu abzaslaryň jemini üýtgeýjide alalyň:
let elems = document.querySelectorAll('p');
Gaýtalaw üçin içine gurulýan
entries iteratoryny ulanalyň:
for (let entry of elems.entries()) {
console.log(entry);
}
Nomerleri elementlerden bölmek üçin, destorukturizasiýany ulanalyň:
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Her abzasa, soňuna onuň tertip belgisini goşalyň:
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
HTML tablisa berlen. Bu tablisanyň her öýjügini nomerläň.
