querySelectorAll( ) 方法
Posted 乱舞春秋__
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了querySelectorAll( ) 方法相关的知识，希望对你有一定的参考价值。
querySelectorAll( ) 方法返回文档中匹配指定 CSS 选择器的所有元素,如果没有找到，则返回一个空的NodeList 对象。
语法格式：
node.querySelectorAll(CSS 选择器);如果使用多个选择器，选择器之间使用逗号隔开。
示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p class="para">段落1</p>
<p>段落2</p>
<p class="para">段落3</p>
<p>段落4</p>
<p>段落5</p>
<p class="para">段落6</p>
<script>
//获取文档中所有的p元素
var list1 = document.querySelectorAll('p');
//获取文档中类名称为para的所有元素
var list2 = document.querySelectorAll('.para');
console.log(list1);
console.log(list2);
</script>
</html>控制台输出：
值得一提的是，我们可以通过索引来访问NodeList 对象内的元素（索引号从0开始）。
以上是关于querySelectorAll( ) 方法的主要内容，如果未能解决你的问题，请参考以下文章
querySelectorAll 和 getElementsBy* 方法返回啥？
querySelectorAll 和 getElementsBy* 方法返回啥？
querySelectorAll 和 getElementsBy* 方法返回啥？