- Теория
- Теория
Обращаемся к элементам коллекции по индексу
Мы получили коллекцию из двух элементов и вывели её в консоль. Найденные элементы — это кнопки, и по клику на каждую из них должен появляться попап с подсказкой. Для этого каждой кнопке в коллекции нужно добавить обработчик событий. Как сказать JavaScript, что мы хотим сделать что-то с элементом коллекции? Можно обратиться к этому элементу с помощью индекса.
Индекс — это порядковый номер элемента в коллекции. Обратите внимание, отсчёт начинается с нуля, поэтому у первого элемента индекс 0, а у второго — 1. Индексы пишут в квадратных скобках после имени коллекции:
коллекция[индекс]
Обращение к элементам по индексу похоже на обращение к переменным по имени:
let elements = document.querySelectorAll('p');
console.log(elements[0]); // Выведет первый элемент коллекции
console.log(elements[1]); // Выведет второй элемент коллекции
Потренируемся: выведем в консоль сначала первую найденную кнопку, а затем вторую.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.