nodeType :元素节点获取  1

                    文本节点获取  3

nodeName:  元素节点获取元素节点名称

                        文本节点获取#text

nodeValue: 元素节点获取undefined或null

                    文本节点获取文本自身

谢谢你，这个我明白了。但是此处运行的结果我看不懂

节点类型：undefined
节点名字：#text
节点值: javascript 

节点类型：undefined
节点名字：P
节点值:null

节点类型：undefined
节点名字：#text
节点值: 

节点类型：undefined
节点名字：DIV
节点值:null

节点类型：undefined
节点名字：#text
节点值: 

节点类型：undefined
节点名字：H5
节点值:null

节点类型：undefined
节点名字：#text
节点值: 

<div>
  javascript  
  <p>javascript</p>
  <div>jQuery</div>
  <h5>PHP</h5>
</div>

第一个div的子节点，首先<p></p><div></div><h5></h5>明确的有3个，为什么结果elementNode.childNodes结果是7个呢，左边的解释如果没看明白吗？首先浏览器之间有个识别不一样的地方，IE会识别3个，其他浏览器会识别7个，多出来的那4个，你可以理解为不同元素节点之间有一个“空白节点”，比如第一个div和p之间，有1个，p和第二个div之间有1个，第二个div和h5之间有1个，h5和第一个div有1个，这样就是3+1+1+1+1=7个。