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

时间：2019-11-03 20:18:01 阅读：112 评论：0 收藏：0 [点我收藏+]

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

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行