​x
 
<!DOCTYPE html>
<html>
<body>
<h1>Document 对象</h1>
​
<h2>querySelectorAll() 方法</h2>
​
<div class="example">
class="example" 的 div 元素
</div>
​
<div class="example">
class="example" 的 div 元素
</div>
​
<p class="example">class="example" 的 p 元素</p>
​
<p>本文档中有多少个类为 "example" 的元素：</p>
​
<p id="demo"></p>
​
<script>
const nodeList = document.querySelectorAll(".example");
document.getElementById("demo").innerHTML = nodeList.length;
</script>
​
</body>
</html>
​