Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

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

Синтаксис

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!

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 селекторов.

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

Метки документа и участники

Внесли вклад в эту страницу: AlexSnowLeo
Обновлялась последний раз: AlexSnowLeo,