https://jingyan.baidu.com/article/c843ea0bb9433577921e4a50.html
querySelector和querySelectorAll是W3C提供的 新的查询接口，其主要特点如下：
1、querySelector只返回匹配的第一个元素，如果没有匹配项，返回null。
2、querySelectorAll返回匹配的元素集合，如果没有匹配项，返回空的nodelist(节点数组)。
3、返回的结果是静态的，之后对document结构的改变不会影响到之前取到的结果。
这两个方法都可以接受三种类型的参数：id(#)，class(.)，标签，很像jquery的选择器。
querySelector和querySelectorAll是W3C提供的 新的查询接口，其主要特点如下：
1、querySelector只返回匹配的第一个元素，如果没有匹配项，返回null。
2、querySelectorAll返回匹配的元素集合，如果没有匹配项，返回空的nodelist(节点数组)。
3、返回的结果是静态的，之后对document结构的改变不会影响到之前取到的结果。
这两个方法都可以接受三种类型的参数：id(#)，class(.)，标签，很像jquery的选择器。