childNodes和Children的区别
2016-05-18 18:27
465 查看
1、childNodes:
标准的,返回指定元素的子元素集合,包括HTML属性,所有属性,文本。可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素节点,2是属性节点,3是文本节点。
有些人错误的使用()去取该集合元素,下表列出各浏览器对childNodes(i)的支持情况:
有时候需要获取指定元素的第一个HTML子节点(非属性/文本节点),最容易想到的就是firstChild 属性。代码中第一个HTML节点前如果有换行,空格,那么firstChild返回的就不是你想要的了。可以使用nodeType来判断下。
2、children:
非标准的,它返回指定元素的子元素集合。经测试,它只返回HTML节点,甚至不返回文本节点。且在所有浏览器下表现惊人的一致。和childNodes 一样,在Firefox下不支持()取集合元素。因此如果想获取指定元素的第一个HTML节点,可以使用children[0]来替代上面的 getFirst函数。需注意children在IE中包含注释节点。
标准的,返回指定元素的子元素集合,包括HTML属性,所有属性,文本。可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素节点,2是属性节点,3是文本节点。
有些人错误的使用()去取该集合元素,下表列出各浏览器对childNodes(i)的支持情况:
IE6/7/8/safiri/chrome/Opera | IE9/FireFox | |
childNodes(i) | 支持 | 不支持 |
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中包含注释节点。
相关文章推荐
- nodejs window下安装与配置淘宝镜像
- 配置 Sublime Text 开发node.js和js-beautify-sublime(代码格式化)
- Node.js EventEmitter事件发射器
- node-webkit:开发桌面+WEB混合型应用的神器
- Node.js刷新session过期时间的实现方法推荐
- 【leetcode】237. Delete Node in a Linked List
- 关于nodejs iconv的编码无效 说明
- 利用Express搭建空白工程
- 使用WebStorm调试node工程
- Node.js返回JSONP详解
- 简单HDFS使用Journalnode HA部署
- 基于superagent 与 cheerio 的node简单爬虫
- Error Handling in Node.js
- NodeJs处理post请求
- NodeJs的阻塞和非阻塞
- NodeJs如何处理请求的路由
- NodeJs获取请求参数的方法(get方式)
- Node.js中的setImmediate()与process.nextTick
- node-webkit:在页面内加载自己的url实现跳转
- 初学NodeJs的小Demo