• Теория
  • Теория

Обращаемся к элементам коллекции по индексу

Мы получили коллекцию из двух элементов и вывели её в консоль. Найденные элементы — это кнопки, и по клику на каждую из них должен появляться попап с подсказкой. Для этого каждой кнопке в коллекции нужно добавить обработчик событий. Как сказать JavaScript, что мы хотим сделать что-то с элементом коллекции? Можно обратиться к этому элементу с помощью индекса.

Индекс — это порядковый номер элемента в коллекции. Обратите внимание, отсчёт начинается с нуля, поэтому у первого элемента индекс 0, а у второго — 1. Индексы пишут в квадратных скобках после имени коллекции:

коллекция[индекс]

Обращение к элементам по индексу похоже на обращение к переменным по имени:

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

console.log(elements[0]); // Выведет первый элемент коллекции
console.log(elements[1]); // Выведет второй элемент коллекции

Потренируемся: выведем в консоль сначала первую найденную кнопку, а затем вторую.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Коллекции и свойства элементов» тренажёра «Знакомство с JavaScript» можно после регистрации и оформления подписки.