document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);
这段代码看晕了,求大神给解释一下
2015-08-11
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>
举报