问答详情
源自:9-10 访问父节点parentNode

关于childNode[0]的问题

<body>

<ul id="con">

<li id="lesson1">javascript

  <ul> 

      <li id="tcon"> 基础语法</li>

      <li>流程控制语句</li>

      <li>函数</li>

      <li>事件</li>

      <li>DOM</li>

  </ul>

</li>

<li id="lesson2">das</li>

<li id="lesson3">dadf</li>

<li id="lesson4">HTML/CSS 

  <ul>

    <li>文字</li>

    <li>段落</li>

    <li>表单</li>

    <li>表格</li>  

  </ul> 

</li></ul>  

<script  type="text/javascript">    

   var mylist = document.getElementById("tcon"); 

   document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML+"<br>");

   

document.write(mylist.parentNode.parentNode.parentNode.lastChild.childNodes[0].nodeValue);

</script> 

</body>



mylist.parentNode.parentNode.parentNode.lastChild指向

<li id="lesson4">HTML/CSS 

  <ul>

    <li>文字</li>

    <li>段落</li>

    <li>表单</li>

    <li>表格</li>  

  </ul> 

</li>

然后.childNode[0]是什么意思?为什么我试了childNode[2/3/4/……]而不是输出:文字,段落,表单,表格,这样的?

提问者:九月夏末小尾巴 2017-02-08 17:08

个回答

  • 秦人
    2017-02-09 11:15:20
    已采纳

    你这个childNode[0]我认为指向的是li中的ul,再加一个childNode才是里面li