x.childNodes,nodeName 为什么返回的是undefined？

<div><p>javascript</p>

    <div>jQuery</div>

    <h5>PHP</h5></div>

<script type="text/javascript">

    var x=document.getElementsByTagName("div")[0];  

  document.write(x.childNodes.nodeName);

//本来childNodes是在【0】后面的，var             x=document.getElementsByTagName("div")[0].childNodes这样的

  这个childNodes去掉了 放在输出里面怎么就返回undefined了呢 ？

</script>

</body>

</html>