节点问题?

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

luona

2016-05-07 16:41

<body>
<div id="con">
  <p>javascript</p>
  <div>jQuery</div>
  <h5>PHP</h5>
</div>
<script type="text/javascript">
  var x=document.getElementById("con");
   document.write(x.firstChild.nodeName+" "+x.firstChild.nodeValue+" "+x.firstChild.nodeType+"<br/>");
 document.write(x.lastChild.nodeName+" "+x.firstChild.nodeValue+" "+x.firstChild.nodeType);
 
</script>

写回答 关注

1回答

  • 慕粉3361053
    2016-08-18 20:34:46

    你的问题没问出来呀,我按照我估计的说一下,你上面的代码之中有空白节点,每个标签后面有一个,如果你把<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> 就不会显示空白节点了,因为每个空白也算一个节点

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题