                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

問一下parentNade的順序是怎養(yǎng)的?

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

比如這一句

五趾的魚

2017-05-04

源自：JavaScript進(jìn)階篇 9-10

關(guān)注問題我要回答

941

操作

收起

6 回答

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

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

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

風(fēng)飄葉搖
2017-05-18

最后的輸出是：父節(jié)點(diǎn)-父節(jié)點(diǎn)-父節(jié)點(diǎn)下的最后一個(gè)子節(jié)點(diǎn)的文本內(nèi)容，不難理解呀？

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

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

這是代碼:

<body>
<ul?id="con">
<li?id="lesson1">javascript
??<ul>?
??????<li?id="tcon">?基礎(chǔ)語法</li>
??????<li>流程控制語句</li>
??????<li>函數(shù)</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

基礎(chǔ)語法

流程控制語句

函數(shù)

事件

DOM

das

dadf

HTML/CSS

表格

文字