Термин

Query selector: поиск элемента документа по CSS-селектору

querySelector() — метод DOM, возвращающий первый элемент, который соответствует CSS-селектору, либо null.

Что означает термин#

Он используется скриптами интерфейса и при проверке страниц. Метод не возвращает сразу все совпадения; для набора подходит querySelectorAll(). Некорректный синтаксис селектора способен вызвать исключение, поэтому внешний ввод нельзя бездумно вставлять в выражение.

Практический пример#

Вызов document.querySelector("h1") находит первый главный заголовок текущего документа. Если H1 несколько, такой запрос не обнаруживает все нарушения. Если заголовок добавляется позднее, результат зависит ещё и от момента выполнения проверки относительно загрузки данных.

Как проверить#

Проверьте число совпадений, ожидаемый контейнер и момент запуска. Для необязательного блока обработайте null до обращения к свойствам. Для значений идентификаторов учитывайте экранирование CSS. Найденный элемент подтверждает состояние текущего DOM, но не первоначальный HTML сервера и не видимость текста пользователю.

Источники#

Проверены 23 октября 2026 г.. Официальные рекомендации отделены от наших примеров и результатов проверки.

Продолжить разбор