javaScript中的querySelector和querySelectorAll

querySelector和querySelectorAll是W3C提供的 新的查询接口，其主要特点如下：

1、querySelector只返回匹配的第一个元素，如果没有匹配项，返回null。 
2、querySelectorAll返回匹配的元素集合，如果没有匹配项，返回空的nodelist(节点数组)。 
3、返回的结果是静态的，之后对document结构的改变不会影响到之前取到的结果。 
 
这两个方法都可以接受三种类型的参数：id(#)，class(.)，标签，很像jquery的选择器。
 
var obj = document.querySelector("#id");
var obj = document.querySelector(".classname");
var obj = document.querySelector("div");
var el = document.body.querySelector("style[type='text/css'], style:not([type])");
var elements = document.querySelectorAll("#score>tbody>tr>td:nth-of-type(2)");
var elements = document.querySelectorAll("#id1, #id2, .class1, class2, div a, #list li img")；
注意事项:
           1）当选择器匹配多个元素时，只能找到第一个；
           2）querySelector  是 H5中 新增的方法，不支持IE8及以下；
目前IE8+，ff，chrome都支持此api

原文链接：https://blog.csdn.net/weixin_42160828/article/details/80634520