代码示例:(标识:jsck_document_queryselector_class)
<!DOCTYPE html>
<html>
<body>

<h1>Document 对象</h1>

<h2>querySelector() 方法</h2>

<p>给第一个带有 class="example" 的元素添加背景颜色:</p>

<p class="example">我是一个段落。</p>
<p class="example">我是一个段落。</p>

<script>
document.querySelector(".example").style.backgroundColor = "red";
</script>

</body>
</html>
运行结果: