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

问一下parentNade的顺序是怎养的?

 document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);

比如这一句

提问者:五趾的鱼 2017-05-04 09:55

个回答

  • 呦呦慕粉
    2017-05-24 21:49:16
    已采纳

    document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);,从左到右,mylist的父节点(<ul> )的父节点(<li id="lesson1">)的父节点(<ul id="con">)的最后一个子节点(<li id="lesson4">)里边的所有内容全部输出。

  • 风飘叶摇
    2017-05-18 14:26:26

    最后的输出是:父节点-父节点-父节点下的最后一个子节点的文本内容,不难理解呀?

  • 五趾的鱼
    2017-05-04 16:15:13

    这是代码:
    
    <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.nodeName+"<br />");
       document.write(mylist.lastChild.nodeName+"<br />");
       document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);
    
    </script> 
    
    </body>


    这是输出:

    javascript

    基础语法

    流程控制语句

    函数

    事件

    DOM

    das

    dadf

    HTML/CSS

    表格

    文字

    段落

    表单

    UL
    #text
    HTML/CSS

    表格

    文字

    段落

    表单

    ----------------------------------------------------------------------------------

    最后的输出    父级   父级   父级   怎么输出了的是最后的

  • 五趾的鱼
    2017-05-04 16:10:51

    不是  不是这个意思     

  • 慕勒7123956
    2017-05-04 16:07:50

    这个从左到右依次调用方法

  • 五趾的鱼
    2017-05-04 09:57:30

    他是从上到下还是??/