之前没有使用过，这两天看到之后了解了一下，发现还是很简单的哦

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);