javascript中children和childNodes的区别
来源:互联网 发布:php实现视频文件上传 编辑:程序博客网 时间:2024/05/16 15:40
1,childNodes:它是标准属性,它返回指定元素的子元素集合,包括HTML节点,所有属性,文本节点。
可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素节点,2是属性节点,3是文本节点。
有些人错误的使用()去取该集合元素,下表列出各浏览器对childNodes(i)的支持情况:
IE6/7/8/Safari/Chrome/OperaIE9/FirefoxchildNodes(i)支持不支持有时候需要获取指定元素的第一个HTML子节点(非属性/文本节点),最容易想到的就是firstChild 属性。代码中第一个HTML节点前如果有换行,空格,那么firstChild返回的就不是你想要的了。可以使用nodeType来判断下。
- function getFirst(elem){
- for(var i=0,e;e=elem.childNodes[i++];){
- if(e.nodeType==1)
- return e;
- }
- }
2,children:非标准属性,它返回指定元素的子元素集合。
但它只返回HTML节点,甚至不返回文本节点,虽然不是标准的DOM属性,但它和innerHTML方法一样,得到了几乎所有浏览器的支持。
和childNodes 一样,在Firefox下不支持()取集合元素。因此如果想获取指定元素的第一个HTML节点,可以使用children[0]来替代上面的getFirst函数。
这里需要注意的是children在IE中包含注释节点。
参考资料:http://www.javascript100.com/?p=370
- javascript中children和childNodes的区别
- javascript中children和childNodes的区别
- javascript中childNodes与children的区别
- Javascript的childNodes和children
- children和childNodes 的区别
- children和childNodes 的区别
- childNodes和children的区别
- children和childNodes 的区别
- JavaScript DOM元素的childNodes和children的区别
- JavaScript操作DOM元素的childNodes和children区别
- JavaScript children和childNodes
- children的childNodes区别
- Dom 中 children 与childNodes 的区别
- JS children和childNodes的区别
- JS中,children和childNodes的不同之处
- JavaScript中Element与Node的区别,children与childNodes的区别
- JavaScript中Element与Node的区别,children与childNodes的区别
- JavaScript中Element与Node的区别,children与childNodes的区别
- ruby 2.0.0p0 : DL is deprecated, please use Fiddle
- 一程序员去面试,面试官问:“你毕业才两年,这三年工作经验是怎么来的?!”程序员答:“加班。”
- 实战AJAX-------简单实例解析
- file结构体介绍
- KMP算法小结
- javascript中children和childNodes的区别
- 是不是现在很多男生都不愿费劲追女孩子了?
- HBase性能调优
- VC6.0中单文档程序窗口最大化运行的方法
- Android应用程序开发以及背后的设计思想深度剖析(1)
- 简洁的 Bash 编程技巧
- 深入理解Varnish缓存命中率
- UVA 10482 The Candyman Can
- 步入web图像处理时代