Document.querySelectorAll

概述

返回当前文档中匹配一个特定选择器的所有的元素(使用depth-first pre-order这样的规则遍历所有文档节点) .返回的对象类型是 NodeList.

语法

<var>elementList</var> = document.querySelectorAll(selectors);
  • elementList 是一个non-live的 NodeList 类型的对象.
  • selectors 是一个由逗号连接的包含一个或多个CSS选择器的字符串.

如果 selectors参数中包含 CSS伪类 ,则返回一个空的<var>elementList</var>.

例子

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

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

注意

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

querySelectorAll()从WebApps API中引入.

WebKit 内核的浏览器有一个bug: 如果 selectors参数中包含 CSS伪类 ,返回的<var>elementList</var>包含一个<html> 元素,而不是空的.

浏览器兼容性

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

规范

相关链接

Document Tags and Contributors

Contributors to this page: ziyunfei
最后编辑者: ziyunfei,