HTML中children与childNodes节点的不同
来源:互联网 发布:初学者吉他 知乎 编辑:程序博客网 时间:2024/06/08 05:35
children和childNodes
1,childNodes 属性,标准的,它返回指定元素的子元素集合,包括HTML节点,所有属性,文本。可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素节点,2是属性节点,3是文本节点。
有些人错误的使用()去取该集合元素,下表列出各浏览器对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中包含注释节点。
0 0
- HTML中children与childNodes节点的不同
- HTML中children与childNodes节点的不同
- HTML中children与childNodes节点的不同
- Dom 中 children 与childNodes 的区别
- javascript中childNodes与children的区别
- children与childNodes的区别
- childNodes.length与children.length的区别
- javascript中children和childNodes的区别
- javascript中children和childNodes的区别
- JS中,children和childNodes的不同之处
- childnodes与children详解
- childNodes与children区别
- js获取子节点childNodes和children的区别
- children的childNodes区别
- JavaScript中Element与Node的区别,children与childNodes的区别
- JS中Element与Node的区别,children与childNodes的区别
- JavaScript中Element与Node的区别,children与childNodes的区别
- JavaScript中Element与Node的区别,children与childNodes的区别
- php
- Class.forName(xxx.xx.xx) 分析
- 使用Redis实现一个订阅/发布系统
- android 动画框架
- 用os模块构建文件查找器
- HTML中children与childNodes节点的不同
- 分针网—每日分享:图例详解那道setTimeout与循环闭包的经典面试题
- pycrypto 和 lua-resty-rsa 进行跨语言的RSA加密解密.md
- lucene创建索引读取索引简单测试--笔记
- 验证码的生成和验证
- scp命令
- Webmethods IS Truststore四层证书安装
- linux的内网地址映射到公网地址
- 学习