# Нумерация DOM элементов в JavaScript

Понимания итераторов позволяет легко добавить номера DOM элементам. Пусть, к примеру, у нас есть абзацы:

`<p>text</p> <p>text</p> <p>text</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 таблица. Пронумеруйте каждую ячейку этой таблицы.

← →
↑
en ru