概述

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

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

语法

elementList = document.querySelectorAll(selectors);
  • elementList 是一个non-liveNodeList 类型的对象.
  • 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.

浏览器兼容性

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

规范

相关链接

文档标签和贡献者

 最后编辑者: ZZES_REN,