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

本题调整代码后为何就能运行，到底如何调整代码呢~

为何nodeValue总是显示为null呢而不是应该显示文本的内容呢？

羽.

2016-03-08

源自：JavaScript进阶篇 9-9

关注问题我要回答

648

操作

收起

3 回答

夜山狼
2016-03-10

除了IE浏览器之外其他的浏览器把元素之间的空格也算做子节点，你把开始div和P之间的空格删除，然后把h标签和/div空格删除，在试试

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

收起回答

LeingK
2016-03-10

原因是标签之间存在间隙，解决的方法就是去掉间隙

<div id="con"><p>javascript</p><div>jQuery</div><h5>PHP</h5></div>

这样nodeValue不会显示为null，而是显示成空白，

想要得到文本内容，可以innerHTML

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

收起回答

沙漠之舟08
2016-03-08

不管是第一行的firstChild或者第二行的lastChild都是元素，元素的value是null。你要显示文本内容，可以在firstChild.firstChild.nodeValue和lastChild.firstChild.nodeValue。这时第二层的firstChild就是textNode，textNode的nodeValue就是text本身。

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

收起回答