访问子结点childNodes的节点个数问题

为什么我运行出来的节点个数是7个，这个结点个数到底是怎么算的

<div>
  javascript  
  <p>javascript</p>
  <div>jQuery</div>
  <h5>PHP</h5>
</div>
<script type="text/javascript">
    var lists = document.getElementsByTagName("div")[0].childNodes;
  for(var i = 0;i<lists.length;i++){
      document.write("节点类型:"+lists[i].nodeName+lists[i].nodeType+lists[i].nodeValue+"<br>");
   document.write(lists.length);
   }
 
</script>