DocumentFragment: querySelectorAll() 方法

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

DocumentFragment.querySelectorAll() 方法使用深度优先的文档节点前序遍历,返回 NodeList,其中包含 DocumentFragment 中与指定选择器组匹配的所有元素。

如果参数中指定的选择器无效,则会引发一个具有 SYNTAX_ERR 值的 DOMException

语法

js
querySelectorAll(selectors)

参数

选择器 (selectors)

一个包含一个或多个以逗号分隔的 CSS 选择器的字符串。

返回值

一个非实时的 NodeList,包含每个至少匹配指定选择器中一个选择器的元素的一个 Element 对象,如果没有匹配项,则为空 NodeList

示例

此示例返回 DocumentFragment 中所有类为 notealertdiv 元素列表。

js
const matches = documentFrag.querySelectorAll("div.note, div.alert");

规范

规范
DOM
# ref-for-dom-parentnode-queryselectorall①

浏览器兼容性

另见