English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
querySelector()Метод HTML DOM querySelector()
Возвращает первый элемент в документе, соответствующий указанному селектору или группе селекторов.
Если не найден соответствующий элемент, то возвращается null.querySelectorAll()Метод.
document.querySelector(selectors)
document.querySelector('h1');Проверьте, как это работает‹/›Числа в таблице указывают на первую версию браузера, которая полностью поддерживает метод querySelector():
| Метод | |||||
| querySelector() | 1 | 3.5 | 10 | 3.2 | 8 |
| Параметр | Описание |
|---|---|
| selectors | Строка, содержащая один или несколько селекторов для подбора, эта строка должна быть валиднойВыборщики CSSСтрока |
| Возвратное значение: | Обозначает документ, содержащий指定的Выборщики CSSЭлемент объекта Element, соответствующий первому элементу, соответствующему шаблону, если не найден соответствующий элемент, то возвращается null. |
|---|---|
| Исключительные случаи: | SyntaxError-Синтаксис строки选定ного выбора недействителен |
| Версия DOM: | Уровень DOM 1 |
Получите первый элемент с id="para":
document.querySelector('#para');Проверьте, как это работает‹/›Используйте элемент с class="demo", чтобы получить первый элемент:
document.querySelector(".demo");Проверьте, как это работает‹/›Получите первый элемент <p> в документе, который является родителем <div>:
document.querySelector("div > p");Проверьте, как это работает‹/›Учебник CSS:Выборщики CSS
CSS: Референс:CSS#idВыборщики
CSS: Референс:CSS .classВыборщики
DOM Document querySelectorAll()Методы
DOM Document getElementsByClassName()Методы
DOM Document getElementsByTagName()Методы