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ň:

html<p>tekst</p>
<p>tekst</p>
<p>tekst</p>

Geliň, bu abzaslaryň jemini üýtgeýjide alalyň:

javascriptlet elems = document.querySelectorAll('p');

Gaýtalaw üçin içine gurulýan entries iteratoryny ulanalyň:

javascriptfor (let entry of elems.entries()) {
  console.log(entry);
}

Nomerleri elementlerden bölmek üçin, destorukturizasiýany ulanalyň:

javascriptfor (let [num, elem] of elems.entries()) {
  console.log(num, elem);
}

Her abzasa, soňuna onuň tertip belgisini goşalyň:

javascriptfor (let [num, elem] of elems.entries()) {
  elem.textContent += num;
}