浅谈childNodes和children以及firstChild和firstElementChild
来源:互联网 发布:qq聊天记录监控软件 编辑:程序博客网 时间:2024/06/04 19:09
1、childNodes属性:
返回指定元素的子节点集合,包括元素节点和文本节点。
除了IE9和Firefox,其他浏览器都支持通过childNodes[i]获取第i个子节点。
2、children属性:
返回指定元素的子元素集合,只包括元素节点,不包括文本节点。
除了IE9和Firefox,其他浏览器都支持通过children[i]获取第i个子节点。
注意:children在IE中包含注释节点。
3、firstChild属性:
获取指定元素的第一个子节点,可以是元素节点,也可以是文本节点。
问题:若父元素与第一个子元素之间存在空白节点,firstChild获取到的将是空白节点而不是第一个子元素。
解决:使用firstElementChild属性。
问题:IE6/7/8中不支持firstElementChild属性。
解决:使用children[0]属性。
4、firstElementChild属性:
获取指定元素的第一个子元素节点,不会检测到文本节点。
总结:
如果想获取到指定元素的子元素节点,最好使用children方法,childNodes方法及firstChild方法在现代浏览器中都会把空白节点检测出来,所以推荐以后使用children方法来替代childNodes。
1 0
- 浅谈childNodes和children以及firstChild和firstElementChild
- js下firstElementChild firstChild 以及childNodes和children方法
- javascript中childNodes与children 区别 以及firstChild与firstElementChild区别
- firstChild和firstElementChild
- firstChild和firstElementChild兼容
- firstElementChild和firstChild区别
- js中firstChild和childNodes[0]以及children[0]之间的点滴问题
- firstChild和firstElementChild的区别
- js下firstElementChild以及firstChild,Children的用法
- children和childNodes差异
- children和childNodes差异
- children和childNodes
- childNodes和children
- childNodes,children和noteType
- children和childNodes
- children和childNodes差异
- JavaScript children和childNodes
- childNodes和children
- vue单页教程-微信公众号(第二站,项目需求)
- Centos的yum源更换为国内的阿里云
- 极客学院python开发工程师视频教程
- ubuntu下安装eclipse
- java 标识符命名规则
- 浅谈childNodes和children以及firstChild和firstElementChild
- sprintf()函数的用法
- 判断点是否在多边形内
- 在CSDN—Markdown中使用内嵌HTML,增加Markdown的功能。
- c++ 差错和异常的处理(一)
- linux 驱动百问百答
- 仿蘑菇街,蜜芽宝贝,京东商品详情界面,与NestedScroll滑动
- Apach+nginx +NFS 分布式应用部署
- 深入PHP面向对象、模式与实践——企业模式(3)