Нумерација 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 табела. Нумеришите сваку ћелију ове табеле.