element.children和element.childNodes的区别
本文由 liuxianan 发表于 2016-08-19 浏览(621) 下载md
最后修改 2016-08-19 标签:html children childnodes 区别

如题

假设有这样的代码:

<!-- 注意中间有空格 -->
<div id="hot_game">热门游戏<div>我是子节点</div> </div>

生成如下结构DOM:

测试:

最后一个#test是由于上面的空格引起的,一个空格也算是一个#text。

结论

  • element.children只输出普通的DOM元素;
  • element.childNodes会输出所有的子元素,包括文本节点、文字;
  • 大多数情况下我们应该使用element.children;