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()返回指定的元素。
 
不积跬步无以至千里
原文地址:https://www.cnblogs.com/lyt0207/p/11788422.html