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

来源:9-10 访问父节点parentNode

刘荣轩1991

2015-08-11 09:48

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

写回答 关注

3回答

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


    陈淑群

    为什么是这样呢“mylist代表的是<li id="tcon"> 基础语法</li>”,一般情况下得mylist是指哪个部分

    2015-09-02 16:51:10

    共 4 条回复 >

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

    太清晰了,谢谢

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

    很清晰

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468195 学习 · 21891 问题

查看课程

相似问题