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

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

这段代码看晕了,求大神给解释一下

提问者:刘荣轩1991 2015-08-11 09:48

个回答

  • milly_0002
    2015-08-11 10:00:30
    已采纳

    mylist代表的是<li id="tcon"> 基础语法</li>

    mylist.parentNode   是mylist的父节点也就是它上面一层的<ul>标签 

    mylist.parentNode.parentNode再上面一层的<li>标签

    mylist.parentNode.parentNode.parentNode再上面一层的<ul>标签

    mylist.parentNode.parentNode.parentNode.lastChild就是<ul>的子元素的最后一个,下面代码的层次结构你一看就应该懂了

    <ul id="con">//-------mylist.parentNode.parentNode.parentNode-----------------

                <li id="lesson1">javascript//-------mylist.parentNode.parentNode-----------------

                          <ul> //----mylist.parentNode-----

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

                                      <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 //-------mylist.parentNode.parentNode.parentNode.lastChild--------------

                          <ul>

                                        <li>文字</li>

                                        <li>段落</li>

                                        <li>表单</li>

                                        <li>表格</li>  

                          </ul> 

              </li>  

    </ul>  


  • quan_0810
    2016-04-05 19:49:40

    太清晰了,谢谢

  • jahonboy
    2015-08-14 14:54:43

    很清晰