Как использовать querySelector в JavaScript: Полное руководство

Введение в querySelector

Метод querySelector в JavaScript является мощным инструментом для работы с документом HTML. Он позволяет легко и быстро выбирать элементы на веб-странице, используя CSS-селекторы. Это делает его незаменимым при манипуляциях с DOM.

Основы использования querySelector

Синтаксис метода querySelector очень прост:

document.querySelector(selector);

Где selector - это строка, содержащая CSS-селектор элемента, который вы хотите выбрать. Например:

const element = document.querySelector('.my-class');

Как выбрать элементы

• По классу: document.querySelector('.my-class');
• По ID: document.querySelector('