MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

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

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

Синтаксис

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' в этой спецификации.
Рекомендация  

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

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,