children和childNodes 的区别

转载 2015年11月18日 11:22:52

1,childNodes 属性,标准的,它返回指定元素的子元素集合,包括HTML节点,所有属性,文本。可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素节点,2是属性节点,3是文本节点。

有些人错误的使用()去取该集合元素,下表列出各浏览器对childNodes(i)的支持情况:

  IE6/7/8/Safari/Chrome/Opera IE9/Firefox
childNodes(i) 支持 不支持

有时候需要获取指定元素的第一个HTML子节点(非属性/文本节点),最容易想到的就是firstChild 属性。代码中第一个HTML节点前如果有换行,空格,那么firstChild返回的就不是你想要的了。可以使用nodeType来判断下。

?
1
2
3
4
5
6
function getFirst(elem){
    for(var i=0,e;e=elem.childNodes[i++];){
        if(e.nodeType==1)
            return e;
    }      
}

2,children 属性,非标准的,它返回指定元素的子元素集合。经测试,它只返回HTML节点,甚至不返回文本节点。且在所有浏览器下表现惊人的一致。和childNodes 一样,在Firefox下不支持()取集合元素。因此如果想获取指定元素的第一个HTML节点,可以使用children[0]来替代上面的getFirst函数。需注意children在IE中包含注释节点。

children与childNodes的区别

乍一看  感觉一样  平时用的时候也没怎么留意 其实区别还是有点儿大    传言啊  这个 childNodes是正统属性   亲生的    而这个children是野孩子    这个野孩...
  • yhn1121
  • yhn1121
  • 2016年09月07日 17:23
  • 2607

Dom 中 children 与childNodes 的区别

轮播图 span标签 function getChild(parentId){ var parentObj = document.getElementByI...
  • u012532033
  • u012532033
  • 2017年03月23日 20:02
  • 690

JavaScript DOM元素的childNodes和children的区别

对于DOM元素 children是指DOM Object类型的子对象,不包括tag之间隐形存在的TextNode; childNodes包括tag之间隐形存在的TextNode对象。 ...
  • u013063153
  • u013063153
  • 2016年10月08日 13:56
  • 4988

JavaScript中Element与Node的区别,children与childNodes的区别

本文首发博客园:http://jscode.cnblogs.com,转载请注明出处。   关于Element跟Node的区别,cilldren跟childNodes的区别很多朋友弄不清楚,本文试...
  • qq_26676207
  • qq_26676207
  • 2016年08月17日 09:56
  • 376

javascript中childNodes与children的区别

1、childNodes:获取节点,不同浏览器表现不同;   IE:只获取元素节点;   非IE:获取元素节点与文本节点;   解决方案:if(childNode.nodeName=...
  • zykon
  • zykon
  • 2018年02月03日 00:09
  • 11

JS children和childNodes的区别

属性介绍 children children:返回父元素所有的直系子节点的集合,注意,children只返回HTML元素节点,不包括文本节点和属性节点。 childNodes childNodes...
  • xx_xiaoxinxiansen
  • xx_xiaoxinxiansen
  • 2017年07月25日 23:19
  • 207

childNodes和children的区别

///
  • lyyCSDNBLOG
  • lyyCSDNBLOG
  • 2017年06月17日 15:50
  • 421

children的childNodes区别

childNodes:获取子元素的节点,包括文本节点、元素节点、注释节点; div id="box"> ul id="ul"> li>第一个li> li>...
  • sunlizhen
  • sunlizhen
  • 2017年06月18日 19:26
  • 249

Javascript的childNodes和children

有些时候你发现调用childNodes属于没有获得你期望的值。比如: html:                             apple JS: function sele...
  • zythy
  • zythy
  • 2014年02月11日 16:05
  • 4740

JS中Element与Node的区别,children与childNodes的区别

关于Element跟Node的区别,cilldren跟childNodes的区别很多朋友弄不清楚,本文试图让大家明白这几个概念之间的区别。   Node(节点)是DOM层次结构中的任何类型的对象的通用...
  • Inuyasha1121
  • Inuyasha1121
  • 2015年10月15日 13:18
  • 2000
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:children和childNodes 的区别
举报原因:
原因补充:

(最多只允许输入30个字)