課程
/前端開發
/JavaScript
/JavaScript進階篇
為什么結尾會輸出lesson4節點和字節點的所有內容呢?
2016-06-07
源自:JavaScript進階篇 9-10
正在回答
因為用到了innerHTML,節點.innerHTML,表示輸出節點包括其子節點的內容,注意是節點與子節點的內容,不光光是主節點。
這個是通過獲取的mylist節點,使用訪問父節點parentNode,將"HTML/CSS"課程內容輸出。
我們先來看一下mylist是哪個,‘HTML/CSS’是哪個。mylist是<li id="tcon"> 基礎語法</li>,而‘HTML/CSS’是在<li id="tcon"> 基礎語法</li>祖父節點<ul id="con">的子節點,獲取的是子節點的內容
<li id="lesson4">HTML/CSS ? ?<ul> ? ? ? ?<li>文字</li> ? ? ? ?<li>段落</li> ? ? ? ?<li>表單</li> ? ? ? ?<li>表格</li> ? ?</ul></li>
所以就會把HTML/CSS的內容都輸出。
舉報
本課程從如何插入JS代碼開始,帶您進入網頁動態交互世界
2 回答為什么輸出的節點內容是undefined
3 回答文本節點不輸出內容
2 回答父節點下的所有子節點的子節點也就是孫節點為什么沒有一起顯示出節點值
1 回答為什么子節點輸出并沒有空白節點?
2 回答結點和節點
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-06-16
因為用到了innerHTML,節點.innerHTML,表示輸出節點包括其子節點的內容,注意是節點與子節點的內容,不光光是主節點。
2016-06-07
這個是通過獲取的mylist節點,使用訪問父節點parentNode,將"HTML/CSS"課程內容輸出。
我們先來看一下mylist是哪個,‘HTML/CSS’是哪個。mylist是<li id="tcon"> 基礎語法</li>,而‘HTML/CSS’是在<li id="tcon"> 基礎語法</li>祖父節點<ul id="con">的子節點,獲取的是子節點的內容
<li id="lesson4">HTML/CSS
? ?<ul>
? ? ? ?<li>文字</li>
? ? ? ?<li>段落</li>
? ? ? ?<li>表單</li>
? ? ? ?<li>表格</li>
? ?</ul>
</li>
所以就會把HTML/CSS的內容都輸出。