JavaScript-те DOM элементтерін нөмірлеу

Итераторларды түсіну 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 кестесі берілген. Осы кестенің әр ұяшығын нөмірлеңіз.