此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

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 ⁨2015年7月⁩.

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①

浏览器兼容性

参见