document.write("课程内容:<br>"+mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);
document.write("节点个数:"+mylist.parentNode.parentNode.parentNode.childNodes.length+"<br>");
document.write("parent1:"+mylist.parentNode.nodeName+"<br>");
document.write("parent2:"+mylist.parentNode.parentNode.nodeName+"<br>");
document.write("parent3:"+mylist.parentNode.parentNode.parentNode.nodeName+"<br>");
这些parentNode是怎么使用的,还有真的不明白为什么使用那么多个,谁可以详细说明一下呢
我自己的理解是她要找到最上面的id=con的ul 然后找到ul在最后一个子节点
第一次mylist.parentNode找到了li上面的ul,第二次mylist.parentNode.parentNode找到了ul上的id=lesson的li,第三次mylist.parentNode.parentNode.parentNode找到id=con的ul
....不知道这样回答可不可以解决你的疑问
<ul id="con"> //parent3
<li id="lesson1">javascript //parent2
<ul> //parent1
<li id="tcon"> 基础语法</li>
<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
<ul>
<li>文字</li>
<li>段落</li>
<li>表单</li>
<li>表格</li>
</ul>
</li>
</ul>