Element.querySelector()

Возвращает первый элемент, являющийся потомком элемента, на который применено правило указанной группы селекторов.

Синтаксис

element = baseElement.querySelector(selectors);
  • element и baseElement это element объекты.
  • selectors - это группа селекторов для поиска совпадения.

Пример

Данный пример получает первый элемент style, который не имеет атрибута type или этот атрибут равен text/css, в теле (body) HTML документа:

var el = document.body.querySelector("style[type='text/css'], style:not([type])");

Примечания

Возвращает null если совпадения не найдены, иначе первый найденный элемент.

Генерирует исключение SYNTAX_ERR  если указанная группа селекторов не корректна.

querySelector() был представлен в WebApps API.

Строка аргументов передаваемая querySelector() должна удовлетворять синтаксису CSS. Более подробные примеры смотрите в document.querySelector.

Спецификация

Спецификация Статус Комментарий
DOM4
Определение 'querySelectorAll' в этой спецификации.
Устаревшая
Selectors API Level 2
Определение 'querySelectorAll' в этой спецификации.
Устаревшая
Selectors API Level 1
Определение 'querySelectorAll' в этой спецификации.
Устаревшая

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также