为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

正在回答

3 回答

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>  


5 回复 有任何疑惑可以回复我~
#1

刘荣轩1991 提问者

真不知道怎么说感谢了,太感谢
2015-08-11 回复 有任何疑惑可以回复我~
#2

东风破

这个为啥不用考虑空白元素了?
2015-08-26 回复 有任何疑惑可以回复我~
#3

zoe0773 回复 东风破

原代码中的最后的</li></ul>中间没有空白节点,所以<li>就是它的最后一个节点。
2015-08-31 回复 有任何疑惑可以回复我~
#4

陈淑群

为什么是这样呢“mylist代表的是<li id="tcon"> 基础语法</li>”,一般情况下得mylist是指哪个部分
2015-09-02 回复 有任何疑惑可以回复我~
查看1条回复

太清晰了,谢谢

0 回复 有任何疑惑可以回复我~

很清晰

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信