document.querySelector()的作用

`document.querySelector()`是JavaScript中的一个方法，它可以根据CSS选择器语法返回文档中匹配的第一个元素。该方法可以用于获取文档中的元素，例如根据元素的id、class或标签名等获取元素。如果没有找到匹配的元素，则返回null。

以下是一些使用`document.querySelector()`的例子：
1. 根据id获取元素：

var box = document.querySelector("#box");

2. 根据class获取元素：

var divs = document.querySelector(".divs");

3. 根据标签名获取元素：

var span = document.querySelector("span");

4. 根据选择器获取元素，并且只返回元素中的第一个：

var input = document.querySelector("input[type=submit]");