querySelector()
Обновлено: 20.03.2023
Визначення та використання
Метод querySelector() повертає перший дочірній елемент, який відповідає вказаному селектору(ам) CSS елемента.
Приклад
Змініть текст першого дочірнього елемента за допомогою class="example" в елементі <div>:
var x = document.getElementById("myDIV");
x.querySelector(".example").innerHTML = "Hello World!";Підтримка браузера
Синтаксис
element.querySelector(CSS selectors)
Значення параметрів
| Параметр | Тип | Опис |
|---|---|---|
| CSS selectors | String | Вимагається. Визначає один або кілька селекторів CSS для відповідності елементу. Вони використовуються для вибору елементів HTML на основі їх ідентифікатора, класів, типів, атрибутів, значень атрибутів тощо. Для кількох селекторів розділяйте кожен селектор комою. Елемент, що повертається, залежить від того, який елемент знайдено в документі першим. |
Технічні деталі
| Версія DOM: | Об’єкт елемента селектора рівня 1 |
|---|---|
| Повернене значення: | Перший елемент, який відповідає вказаному селектору(ам) CSS. Якщо збігів не знайдено, повертається значення null. Викидає виняток SYNTAX_ERR, якщо вказаний селектор(и) недійсний. |