js 原生 document.querySelectorAll document.getElementsByTagName document.querySelector doc

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js 原生 document.querySelectorAll document.getElementsByTagName document.querySelector doc相关的知识，希望对你有一定的参考价值。

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

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

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

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

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

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

以上是关于js 原生 document.querySelectorAll document.getElementsByTagName document.querySelector doc的主要内容，如果未能解决你的问题，请参考以下文章