问答详情
源自:9-9 访问子节点的第一和最后项

一共6个节点,为什么最后一个节点不是php呢

<body>

<!--调整前-->

<!--

<div id="con">

  <p>javascript</p>

  <div>jQuery</div>

  <h5>PHP</h5>

</div>

-->

<!--调整后-->

<div id="con"><p>javascript</p>

  <div>jQuery</div>

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

<script type="text/javascript">

  var x=document.getElementById("con");

 document.write("div的第一个子节点:"+x.firstChild.nodeName+"<br>");

 document.write("div的最后一个子节点:"+x.lastChild.nodeName);

</script>

</body>

</html>



提问者:690017359 2017-09-01 15:27

个回答

  • 枫叶咚咚咚
    2017-09-04 06:10:15
    已采纳

    http://static.mukewang.com/img/59ac7d8a00010d8f09780452.jpg

    如上图

  • wsHaiNaBaiChuan
    2017-10-14 20:36:26

    空白文本节点

  • 枫叶咚咚咚
    2017-09-02 08:40:14

    调整前,第一个子节点和最后一个子节点都是空白文本节点。

    调整后,第一个子节点:
    节点名:P (元素节点的nodeName和标签名相同)
    节点值:null(元素节点的nodeValue为null或者undefined)
    节点类型:1 (nodeType为1代表元素节点)

    调整后,最后一个子节点:
    节点名:H5
    节点值:null
    节点类型:1