JavaScript 对象
- JavaScript Array 对象
- JavaScript Boolean 对象
- JavaScript CSS 样式声明对象
- JavaScript Math 对象
- JavaScript Number 对象
- JavaScript String 对象
- JavaScript 正则表达式(RegExp) 对象
- JavaScript Console 对象
JavaScript 参考手册
JS DOM参考手册
HTML DOM querySelectorAll() 方法
querySelectorAll()返回与指定的选择器组匹配的文档中的元素列表 (使用深度优先的先序遍历文档的节点)。返回的对象是 NodeList 。
返回的NodeList中的元素按照它们在源代码中出现的顺序进行排序。
返回的NodeList可以通过索引号访问。索引从0开始。
NodeList是一个静态集合，这意味着DOM中的更改对该集合无效。
使用NodeList的length属性来确定具有指定选择器的元素数量，然后可以遍历所有元素并提取所需的信息。
语法：
document.querySelectorAll(selectors)
document.querySelectorAll("div");测试看看‹/›浏览器兼容性
表格中的数字指定了完全支持querySelectorAll()方法的第一个浏览器版本：
| 方法 |  |  |  |  |  |
| querySelectorAll() | 1 | 3.5 | 10 | 3.2 | 8 |
参数值
| 参数 | 描述 |
|---|---|
| selectors | 包含一个或多个要匹配的选择器的字符串。该字符串必须是有效的CSS选择器字符串。 |
技术细节
| 返回值： | 一个NodeList对象，代表文档中与指定CSS选择器匹配的所有元素。 |
|---|---|
| 例外情况： | SyntaxError-指定的选择器字符串的语法无效 |
| DOM版本： | DOM级别1 |
更多实例
获取所有带有class="demo"的元素：
document.querySelectorAll(".demo");测试看看‹/›此示例返回带有“ note”类的文档中所有<div>元素的列表：
document.querySelectorAll("div.note");测试看看‹/›设置文档中所有<h1>，<p>和<div>元素的背景色：
document.querySelectorAll("h1, p, div");测试看看‹/›相关参考
CSS教程：CSS选择器
CSS参考：CSS#id选择器
CSS Reference: CSS .class 选择器
DOM Document querySelector() 方法
DOM Document getElementsByClassName() 方法
DOM Document getElementsByTagName() 方法