DocumentFragment: метод querySelectorAll()
Базовая Широко поддерживается
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.
Метод DocumentFragment.querySelectorAll() возвращает NodeList элементов внутри DocumentFragment (используя обход узлов документа в порядке следования в глубину), которые соответствуют указанной группе селекторов.
Если указанные в параметре селекторы неверны, будет поднято исключение DOMException со значением SYNTAX_ERR.
Синтаксис
querySelectorAll(selectors)
Параметры
selectors-
Строка, содержащая один или несколько CSS-селекторов, разделенных запятыми.
Возвращаемое значение
Неживой NodeList, содержащий по одному объекту Element для каждого элемента, соответствующего хотя бы одному из указанных селекторов, или пустой NodeList в случае отсутствия совпадений.
Примеры
Этот пример возвращает список всех div элементов внутри DocumentFragment с классом либо note либо alert:
const matches = documentFrag.querySelectorAll("div.note, div.alert");
Спецификации
| Спецификация |
|---|
| DOM # ref-for-dom-parentnode-queryselectorall① |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
querySelectorAll |
2 | 12 | 3.5 | 10 | 4 | 18 | 4 | 10.1 | 3 | 1.0 | ≤37 |
См. также
- Интерфейс
DocumentFragment, к которому он относится.
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/DocumentFragment/querySelectorAll
