DOM元素的childNodes和children的区别
来源:互联网 发布:手机电子表格办公软件 编辑:程序博客网 时间:2024/06/05 19:13
对于DOM元素,children是指DOM Object类型的子对象,不包括tag之间隐形存在的TextNode,而childNodes包括tag之间隐形存在的TextNode对象。
具体看一下针对children和childNodes在chrome环境下的测试:
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body><div id="div1" class="div"><span id="s1" class="sp" lang="zh-cn"></span></div></body><script type="text/javascript">function test() {var o = document.getElementById("div1");var child = o.children;console.log("div1.children运行结果:");for(i = 0; i < child.length; i++){ console.log(child[i].tagName);}console.log("");child = o.childNodes;console.log("div1.childNodes运行结果:");for(i = 0; i < child.length; i++){ console.log(child[i].tagName);}}test();</script></html>
div1.children运行结果: SPAN div1.childNodes运行结果: undefined SPAN undefined上面childNodes集合的结果中有两个undefined节点,这连个就是nodeType=3的TextNode。
如果把HTML代码写成如下样式,那么children和childNodes的结果就没有差别了。
<body><div id="div1" class="div"><span id="s1" class="sp" lang="zh-cn"></span></div></body>
对document、head、body及div等HTML元素实测未发现有其他差异
0 0
- DOM元素的childNodes和children的区别
- JavaScript DOM元素的childNodes和children的区别
- JavaScript操作DOM元素的childNodes和children区别
- children和childNodes 的区别
- children和childNodes 的区别
- childNodes和children的区别
- children和childNodes 的区别
- Dom 中 children 与childNodes 的区别
- children的childNodes区别
- javascript中children和childNodes的区别
- javascript中children和childNodes的区别
- JS children和childNodes的区别
- children与childNodes的区别
- Javascript的childNodes和children
- js获取子节点childNodes和children的区别
- childNodes.length与children.length的区别
- Js-parentNode、parentElement,childNodes、children 的区别
- parentNode,parentElement,childNodes,children的区别
- supervisord.conf
- 每日一题之排序算法专题
- (转载)Android数据库高手秘籍(七)——体验LitePal的查询艺术
- MySQL Daemon failed to start解决方法
- Android抽象布局——include、merge 、ViewStub
- DOM元素的childNodes和children的区别
- 图像处理相关的重要期刊汇总
- git修改默认编辑器
- 边界链码、归一化链码与一阶差分链码
- C语言libcurl POST json串错误“Unsupported Media Type”
- 真机调试adb shell时权限和pull的相关问题
- (转载)Android数据库高手秘籍(八)——使用LitePal的聚合函数
- Android中Path类的lineTo方法和quadTo方法画线的区别
- Appledoc 生成xcode 注释文档