Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.
Возвращает первый элемент, являющийся потомком элемента, на который применено правило указанной группы селекторов.
Синтаксис
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 селекторов.