                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

<h5>和<p>标签的nodeName为啥出来是“#text”

qq_MissingYou_0

2017-02-09

源自：JavaScript进阶篇 9-9

关注问题我要回答

2782

操作

收起

3 回答

不知不觉后知后觉嗯回答被采纳 +3 积分
2017-02-09

id为con的div下有7个子节点，3个元素节点 p div h5 ，和4个文本节点

<div id="con">/*第一个*/
<p>javascript</p>/*第二个
*/<div>jQuery</div>/*第三个
*/<h5>PHP</h5>/*第四个
</div>

所以题中x的firstChild为文本节点，lastChild也为文本节点，对于文本节点而言，它的nodeName就是#text

0 回复有任何疑惑可以回复我~

收起回答

qq_MissingYou_0 提问者

不是显示 p或h5？

2017-02-09 回复有任何疑惑可以回复我~

qq_MissingYou_0 提问者

非常感谢！

2017-02-09 回复有任何疑惑可以回复我~

不知不觉后知后觉嗯
2017-02-09

元素节点的nodeName是元素名，文本节点的nodeName是#text。比如<p>javascript</p>就是一个元素节点，它的nodeName就是p。

0 回复有任何疑惑可以回复我~

收起回答

qq_MissingYou_0 提问者

对呀那div的第一个子节点就应该是p 为啥显示text

2017-02-09 回复有任何疑惑可以回复我~

qq_MissingYou_0 提问者回复 qq_MissingYou_0 提问者

是不是浏览器的过空白也算上？

2017-02-09 回复有任何疑惑可以回复我~

不知不觉后知后觉嗯回复 qq_MissingYou_0 提问者

<div id="con">/*第一个*/ <p>javascript</p>/*第二个 */<div>jQuery</div>/*第三个 */<h5>PHP</h5>/*第四个 </div> div的第一个子节点是文本节点，它的第二个节点才是p元素节点，总的顺序就是文本-元素-文本-元素-文本-元素-文本我起初回答的答案里面说了，你再琢磨琢磨0.0

2017-02-09 回复有任何疑惑可以回复我~