概述

返回与指定的选择器组匹配的文档中的元素列表 (使用深度优先的先序遍历文档的节点)。返回的对象是 NodeList 。

提示:这个API的定义被移动到了ParentNode .

语法

elementList = document.querySelectorAll(selectors);
  • elementList 是一个静态NodeList 类型的对象.
  • selectors 是一个由逗号连接的包含一个或多个CSS选择器的字符串.

如果 selectors参数中包含 CSS伪元素,则返回一个空的elementList.

例子

下面的例子返回一个文档中所有的class为"note"或者 "alert"的div元素.

var matches = document.querySelectorAll("div.note, div.alert");

注意

如果指定的选择器不合法,则抛出一个SYNTAX_ERR 异常.

querySelectorAll()从WebApps API中引入.

传递到querySelectorAll()的字符串参数必须遵循CSS语法.正确的示例请查看document.querySelector.

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1 3.5 (1.9.1) 8 10 3.2 (525.3)
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 2.1 yes 9 10.0 3.2

规范

相关链接

文档标签和贡献者

 最后编辑者: isLishude,