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' в этой спецификации.
Устаревшая

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

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1
 

3.5 (1.9.1)

9 [1]

(Да)

(Да)
Feature Android Firefox Mobile (Gecko) Firefox OS (Gecko) IE Phone Opera Mobile Safari Mobile Chrome for Android
Basic support (Да) (Да) (Да) (Да) (Да) (Да) (Да)

[1] querySelector() поддерживается в IE8, но только для CSS 2.1 селекторов.

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