document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);
比如这一句
document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);,从左到右,mylist的父节点(<ul> )的父节点(<li id="lesson1">)的父节点(<ul id="con">)的最后一个子节点(<li id="lesson4">)里边的所有内容全部输出。
最后的输出是:父节点-父节点-父节点下的最后一个子节点的文本内容,不难理解呀?
这是代码: <body> <ul id="con"> <li id="lesson1">javascript <ul> <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> <script type="text/javascript"> var mylist = document.getElementById("tcon"); document.write(mylist.parentNode.nodeName+"<br />"); document.write(mylist.lastChild.nodeName+"<br />"); document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML); </script> </body>
这是输出:
javascript
基础语法
流程控制语句
函数
事件
DOM
das
dadf
HTML/CSS
表格
文字
段落
表单
UL
#text
HTML/CSS
表格
文字
段落
表单
----------------------------------------------------------------------------------
最后的输出 父级 父级 父级 怎么输出了的是最后的
不是 不是这个意思
这个从左到右依次调用方法
他是从上到下还是??/