document.querySelecto

document.querySelector是一种在JavaScript中常用的方法，它可以帮助我们通过CSS选择器来获取文档中的元素。该方法返回文档中与指定选择器匹配的第一个元素，如果没有匹配的元素，则返回null。

使用document.querySelector方法，我们可以方便地获取文档中任何元素的引用，从而对它们进行操作。例如，我们可以使用该方法来添加事件监听器，修改元素样式或者插入新的HTML内容。

以下是使用document.querySelector方法获取元素引用的一些示例：

// 通过id选择器获取元素引用
const myElement = document.querySelector('#my-element');

// 通过类选择器获取元素引用
const myButton = document.querySelector('.my-button');

// 通过标签名选择器获取元素引用
const myHeading = document.querySelector('h1');