querySelector() 查找dom元素

document.querySelector 返回文档中匹配指定的CSS选择器的第一元素

<p id="demo">id="demo" 的 p 元素</p>
<p> 点击按钮修改 id="demo" 的 p 元素内容</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction() {
    document.querySelector("#demo").innerHTML = "Hello World!";
}
</script>

获取文档中 class=“example” 的第一个元素:
document.querySelector(".example");

获取文档中h2 元素，并设置背景色为红色
document.querySelector(“h2”).style.backgroundColor = “red”;