<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 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> ?
document.write(mylist.parentNode.parentNode.parentNode.nodeName);
這個li指的那個地方的li
2016-10-27
建議你在寫代碼的時候自己進行縮進,類似下面這樣:
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>無標題文檔</title> </head> <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"); ???var?x=mylist.parentNode.parentNode.parentNode; ???document.write(x.childNodes[x.childNodes.length-2].innerHTML); </script>? </body> </html>這樣之后,先明確你的mylist指的是哪個東西,然后每個parentNode你就往上找一層,
mylist=????? var?mylist?=?document.getElementById("tcon");(實例)如果是按照實例里的,mylist指的是:
就是找出來輸出過程就應該是:li→ul→li→ul,最后的這個ul指的是:
2016-10-21
var mylist = document.getElementById("tcon");?
? ?var list = mylist.parentNode.parentNode.parentNode.lastChild;
? ?document.write(list.innerHTML);
2016-10-21
你這個最后輸出的不是 li 的文本,你這輸出的是祖元素 ul 的節點名,你提交了輸出的是ul
2016-10-21
不知道你說的是哪個