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 таблицасы берилген. Бул таблицанын ар бир уячасын номерилеңиз.