課程
/前端開發
/JavaScript
/JavaScript進階篇
這段代碼看暈了,求大神給解釋一下
2015-08-11
源自:JavaScript進階篇 9-10
正在回答
mylist代表的是<li id="tcon"> 基礎語法</li>
mylist.parentNode ? 是mylist的父節點也就是它上面一層的<ul>標簽?
mylist.parentNode.parentNode再上面一層的<li>標簽
mylist.parentNode.parentNode.parentNode再上面一層的<ul>標簽
mylist.parentNode.parentNode.parentNode.lastChild就是<ul>的子元素的最后一個,下面代碼的層次結構你一看就應該懂了
<ul id="con">//-------mylist.parentNode.parentNode.parentNode-----------------
????????? ? <li id="lesson1">javascript//-------mylist.parentNode.parentNode-----------------
????????????????? ? ? <ul> //----mylist.parentNode-----
????????????????????????? ? ? ? ? <li id="tcon"> 基礎語法</li>//-----mylist-----
????????????????????????? ? ? ? ? <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?//-------mylist.parentNode.parentNode.parentNode.lastChild--------------
????????????????? ? ? <ul>
????????????????????????????? ? ? ? <li>文字</li>
????????????????????????????? ? ? ? <li>段落</li>
????????????????????????????? ? ? ? <li>表單</li>
????????????????????????????? ? ? ? <li>表格</li> ?
????????????????? ? ? </ul>?
????? ? ? </li>??
</ul> ?
劉榮軒1991 提問者
東風破
zoe0773 回復 東風破
陳淑群
太清晰了,謝謝
很清晰
舉報
本課程從如何插入JS代碼開始,帶您進入網頁動態交互世界
6 回答document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML)
1 回答為什么HTML/CSS的內容輸不出來,而把var myPar去掉,直接寫成document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML)能輸出來
2 回答document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);這里找到的足節點不應該是UL嗎?既然是UL是怎么輸出內容的
4 回答document.write
1 回答document.write
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-08-11
mylist代表的是<li id="tcon"> 基礎語法</li>
mylist.parentNode ? 是mylist的父節點也就是它上面一層的<ul>標簽?
mylist.parentNode.parentNode再上面一層的<li>標簽
mylist.parentNode.parentNode.parentNode再上面一層的<ul>標簽
mylist.parentNode.parentNode.parentNode.lastChild就是<ul>的子元素的最后一個,下面代碼的層次結構你一看就應該懂了
<ul id="con">//-------mylist.parentNode.parentNode.parentNode-----------------
????????? ? <li id="lesson1">javascript//-------mylist.parentNode.parentNode-----------------
????????????????? ? ? <ul> //----mylist.parentNode-----
????????????????????????? ? ? ? ? <li id="tcon"> 基礎語法</li>//-----mylist-----
????????????????????????? ? ? ? ? <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?//-------mylist.parentNode.parentNode.parentNode.lastChild--------------
????????????????? ? ? <ul>
????????????????????????????? ? ? ? <li>文字</li>
????????????????????????????? ? ? ? <li>段落</li>
????????????????????????????? ? ? ? <li>表單</li>
????????????????????????????? ? ? ? <li>表格</li> ?
????????????????? ? ? </ul>?
????? ? ? </li>??
</ul> ?
2016-04-05
太清晰了,謝謝
2015-08-14
很清晰