DOM ელემენტების ნუმერაცია JavaScript-ში

იტერატორების გაგება მარტივს ხდის DOM ელემენტების დანომრვას. მაგალითად, დავუშვათ, გვაქვს აბზაცები:

html<p>ტექსტი</p>
<p>ტექსტი</p>
<p>ტექსტი</p>

მოდით მივიღოთ ამ აბზაცების კოლექცია ცვლადში:

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

გამოვიყენოთ ჩაშენებული იტერატორი entries გადასაღწევად:

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

გამოვიყენოთ დესტრუქტურიზაცია, რათა გამოვყოთ ნომრები ელემენტებისგან:

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

დავამატოთ თითოეულ აბზაცს ბოლოს მისი რიგითი ნომერი:

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