<html>
<style>
.example {
border: 1px solid black;
margin: 5px;
}
</style>
<body>
<h1>Document 对象</h1>
<h2>querySelectorAll() 方法</h2>
<h3>改变所有 p 元素的背景颜色:</h3>
<h1>h1 元素</h1>
<div>div 元素</div>
<p>p 元素。</p>
<p>p 元素。</p>
<div class="example">
<p>div 元素内的 p 元素。</p>
</div>
<script>
const nodeList = document.querySelectorAll("p");
for (let i = 0; i < nodeList.length; i++) {
nodeList[i].style.backgroundColor = "red";
}
</script>
</body>
</html>