DOM elementlərinin JavaScript-də nömrələnməsi

Iteratorları anlamaq DOM elementlərinə nömrə əlavə etməyi asanlaşdırır. Məsələn, tutaq ki, bizim abzaslarımız var:

html<p>mətn</p>
<p>mətn</p>
<p>mətn</p>

Gəlin bu abzasların kolleksiyasını dəyişənə əldə edək:

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

Gəlin iteration üçün daxili iterator entries-dən istifadə edək:

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

Nömrələri elementlərdən ayırmaq üçün destrukturizasiyadan istifadə edək:

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

Gəlin hər abzasın sonuna onun sıra nömrəsini əlavə edək:

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