js 原生 document.querySelectorAll document.getElementsByTagName document.querySelector document.getElementById的区别

1、querySelector只返回匹配的第一个元素，如果没有匹配项，返回null。 

2、querySelectorAll返回匹配的元素集合，如果没有匹配项，返回空的nodelist(节点数组)。 可通过指定下标的方法获取某个的元素，例如document.querySelectorAll('.ubox')[0]，表示获取第一个。

返回的结果是静态的，之后对document结构的改变不会影响到之前取到的结果。 

这两个方法都可以接受三种类型的参数：id(#)，class(.)，标签，很像jquery的选择器。

 

3、getElementsByTagName() 方法可返回带有指定标签名的对象的集合。document.getElementsByTagName("p")[3]获取指定元素。

4、getElementById()返回指定的元素。