必威体育Betway必威体育官网
当前位置:首页 > IT技术

JavaScript之childNodes 和 children 区别

时间:2019-06-07 18:43:09来源:IT技术作者:seo实验室小编阅读:65次「手机版」
 

children

1、先让我们来看看childNodes的用法,以及是如何计算节点数量:

为什么输出是7而不是3呢?原来Internet Explorer 会忽略节点之间生成的空白文本节点(比如换行字符),而 Mozilla 不这么做。

 

2、两者区别:

children() 方法返回被选元素的所有直接子元素。因此上面直接输出3。

注意:children()在IE中包含注释节点。

总结:

1、不建议使用childNodes方法。

硬要使用这个方法,可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素节点,2是属性节点,3是文本节点。因此我们可以通过这样判断:

if (nodes.childNodes[i].nodeType == 1) {

// nodes.childNodes[i] 是元素节点

}

2、使用children方法时,不要使用注释。

3、推荐使用:

       var arr = nodes.getElementsByTagName("li");

          arr[ i ].xxx

相关阅读

break 和continue 区别以及用法。

今天我们来介绍一下循环里的break 和continue的用法以及区别 想搞清楚break 和continue的用法以及区别必须要记住的两件两句话!

品牌运营与品牌营销区别何在?

运营的本质是什么?品牌营销与品牌运营最大的区别又是什么?运营的本质在《从零开始做运营》里,我说:「一切能够帮助产品进行推广、促进

86年版五笔和98年版五笔区别

五笔有两个版本:86五笔与98规范王码(简称98王码,有人按86的习惯叫为98五笔)。但98王码的教程不多,网络上很不好找。这个版块贴过的几篇

不谈历史谈当下,QQ与微信的区别是什么

不谈历史,不谈定位,不谈我身边、我感觉等业余说法。因为历史已经是历史了,并不能够证明现状,定位实际上用户用起来也想不了这么多,极少

Javascript:history.go()和history.back()的用法与区

Javascript:history.go()和history.back()的用法与区别简单的说就是:go(-1):返回上一页,原页面表单中的内容会丢失;back():返回上一页

分享到:

栏目导航

推荐阅读

热门阅读