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

答案完全看不懂,求大神讲解一下啊,越详细越好

答案完全看不懂,求大神讲解一下啊,越详细越好http://img.mukewang.com/563f50f80001e95f05750609.jpg

提问者:qq_心随风动_0 2015-11-08 21:41

个回答

  • 我们是兄弟
    2015-12-15 16:24:28

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    </head>
    <body>
    <ul id="con">
    <li id="lesson1">javascript
      <ul> 
          <li> 基础语法</li>
          <li>流程控制语句</li>
          <li id="tcon">函数</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);
    </script> 
    
    </body>
    </html>

    要是这样的话这句话的意思就是mylist.parentNode.parentNode.parentNode获取的就是最内层的ul了,是这样么。要是这样的话就理解了。

  • 荼酒
    2015-11-10 16:08:25

    打印id="tcon"的父元素的父元素的父元素的最后一个子元素从开始到结束标签的html

    返回结果:

    <li id="lesson4">html/css
        <ul>
            <li>文字</li>
            <li>段落</li>
            <li>表单</li>
            <li>表格</li>
        </ul>
    </li>


  • 李晓健
    2015-11-08 21:56:50

    1、mylist.parentNode //获取 mylist 的父节点 ,就是他上面的ul

    2、mylist.parentNode.parentNode  //就是获取再上一级节点 就是ul上面的li

    3、mylist.parentNode.parentNode.parentNode  //就是获取2中li父节点 就是最外层的ul

    4、mylist.parentNode.parentNode.parentNode.lasrChild  //就是获取最外层ul的最后一个子节点  就是id=lesson4的那一个li

    5、mylist.parentNode.parentNode.parentNode.lasrChild.innerHTML 就是获取id=lesson4的li的里面的内容,就是他里面的那个ul的所有内容