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

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

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

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

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

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

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

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

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

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

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

მოცემულია HTML ცხრილი. დანომრეთ ამ ცხრილის თითოეული უჯრა.