码迷,mamicode.com
首页 > Web开发 > 详细

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

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

标签:表示   code   参数   strong   jquer   color   节点   span   指定元素   

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 document.getElementById的区别

标签:表示   code   参数   strong   jquer   color   节点   span   指定元素   

原文地址:https://www.cnblogs.com/lyt0207/p/11788422.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!