之前没有使用过，这两天看到之后了解了一下，发现还是很简单的哦
querySelector
返回指定元素节点的子树中匹配selector的集合中的第一个，如果没有匹配，返回null
那么咱们来看一个例子把：
<div id="left">
left
</div>
<div id="right">
right
</div>
使用querySelector获取：
var div = document.querySelector("div");
console.log(div);
显示如下：
如果获取不存在的节点呢：
var div = document.querySelector("p");
console.log(div);
显示如下：
querySelectorAll
返回指定元素节点的子树中匹配selector的节点集合，采用的是深度优先预查找；如果没有匹配的，这个方法返回空集合
还是刚才那个例子：
var div = document.querySelectorAll("div");
console.log(div);
显示如下：
如果查找不存在的节点：
var div = document.querySelectorAll("p");
console.log(div);
