javascript - childNode属性的返回值问题?

查看:86
本文介绍了javascript - childNode属性的返回值问题?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

代码如下:
<body>

 <div id="d1">
     <p>123</p>
     <h1>123</h1>
 </div>
 <script>
     var div = document.getElementById("d1").childNodes.length;
     for(var i=0;i<div;i++){
         document.writeln(document.getElementById("d1").childNodes[i]);
     }
     alert(div);

 </script>

</body>

然后执行后的输出是:
[object Text]
[object HTMLParagraphElement]
[object Text]
[object HTMLHeadingElement]
[object Text]
不是很懂为什么有三个text对象?
关于childNodes属性的描述是:返回元素子节点的 NodeList。这个返回的节点包括元素节点和文本节点吗?

解决方案

标签之间的空格是textNode类型的node节点,可以去看一下js高级教程中DOM这一章

这篇关于javascript - childNode属性的返回值问题?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆