Изучите использование querySelectorAll в JavaScript для эффективного выбора элементов на странице

Введение в querySelectorAll

Метод querySelectorAll в JavaScript — это мощный инструмент, который позволяет выбирать элементы DOM с помощью CSS-селекторов. Этот метод возвращает список всех элементов, соответствующих заданному селектору, что делает его незаменимым в веб-разработке.

Как использовать querySelectorAll

Использование querySelectorAll довольно просто. Метод вызывается на объекте document и принимает строку с селектором в качестве аргумента. Например:

const elements = document.querySelectorAll('.my-class');

В этом примере мы выбираем все элементы с классом my-class.

Примеры использования

• Выбор по классу: document.querySelectorAll('.class-name');
• Выбор по ID: document.querySelectorAll('