                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

問一下parentNade的順序是怎養的?

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

比如這一句

五趾的魚

2017-05-04

源自：JavaScript進階篇 9-10

關注問題我要回答

943

操作

收起

6 回答

呦呦慕粉回答被采納 +3 積分
2017-05-24

document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);，從左到右，mylist的父節點（<ul>?）的父節點（<li id="lesson1">）的父節點（<ul id="con">）的最后一個子節點（<li id="lesson4">）里邊的所有內容全部輸出。

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

收起回答

風飄葉搖
2017-05-18

最后的輸出是：父節點-父節點-父節點下的最后一個子節點的文本內容，不難理解呀？

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

收起回答

五趾的魚提問者
2017-05-04

這是代碼:

<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

表格

文字