JavaScript高级程序设计之DOM 扩展之专有扩展之children属性第11.4.2讲

本文探讨了children属性的作用及其在不同浏览器中的兼容性问题。children属性专为获取元素子节点而设计,它能有效避免空白文本节点干扰,适用于仅需关注元素子节点的场景。文章详细介绍了该属性在IE9及之前版本与其他现代浏览器之间的差异,并提供了访问children属性的示例代码。
由于IE9 之前的版本与其他浏览器在处理文本节点中的空白符时有差异,因此就出现了children
属性。这个属性是HTMLCollection 的实例,只包含元素中同样还是元素的子节点。除此之外,
children 属性与childNodes 没有什么区别,即在元素只包含元素子节点时,这两个属性的值相同。

下面是访问children 属性的示例代码:

var childCount = element.children.length;
var firstChild = element.children[0];
支持children 属性的浏览器有IE5、Firefox 3.5、Safari 2(但有bug)、Safari 3(完全支持)、Opera8
和Chrome(所有版本)。IE8 及更早版本的children 属性中也会包含注释节点,但IE9 之后的版本则
只返回元素节点。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值