DocumentFragment:querySelectorAll() 方法

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

如果参数中指定的选择器无效,将抛出值为 SYNTAX_ERRDOMException 异常。

语法

js
querySelectorAll(selectors)

参数

selectors

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

返回值

一个非动态的 NodeList,包含匹配至少一个指定选择器的每个元素对应的 Element 对象;若无匹配项,则返回一个空的 NodeList

示例

此示例会返回 DocumentFragment 中所有带有 notealert 类的 div 元素列表:

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

规范

Specification
DOM
# ref-for-dom-parentnode-queryselectorall①

浏览器兼容性

参见