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

来源:9-9 访问子节点的第一和最后项

690017359

2017-09-01 15:27

<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>



写回答 关注

3回答

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

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

    如上图

    690017...

    非常感谢!

    2017-09-04 09:40:53

    共 1 条回复 >

  • 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


    枫叶咚咚咚 回复690017...

    </p>并不是节点,再学下Javascript入门篇3.1 调整后id为“con”的div标签的第二个子节点是空白文本节点。

    2017-09-04 06:08:52

    共 2 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题