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

节点问题?

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

提问者:luona 2016-05-07 16:41

个回答

  • 慕粉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> 就不会显示空白节点了,因为每个空白也算一个节点