課程
/前端開發
/JavaScript
/JavaScript進階篇
為啥他要我敲三遍parentNode才給過???而且給的參考代碼也是寫了兩遍的??
2019-11-12
源自:JavaScript進階篇 9-10
正在回答
可以仔細看下DOM樹結構,發現我們選中的帶有class:tcon的li元素,他的父結點是ul元素結點,ul元素結點的父節點是id:lesson1的li元素結點,Id:lesson1的li結點的父結點是id:con的ul元素結點,然后id:con的ul元素結點有8個子節點,編號為0,1,2,3,4,5,6,7,再次寫下這8個結點的nodeName(結點名)作為參考
0:#text(默認文本元素結點)1:LI 2:#text 3:LI 4:#text 5:LI 6:#text 7:LI(我們要的nodeValue結點值的li元素結點)
document.write(mylist.parentNode.parentNode.parentNode.childNodes[7].childNodes[0].nodeValue);
兩個parentNod是沒有找到父節點,會出現undefined
舉報
本課程從如何插入JS代碼開始,帶您進入網頁動態交互世界
1 回答沒有問題了
3 回答有問題了啊
4 回答有問題有問題有問題
1 回答完成了,有幾個問題
3 回答哪里有問題,看暈了
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2020-06-06
可以仔細看下DOM樹結構,發現我們選中的帶有class:tcon的li元素,他的父結點是ul元素結點,ul元素結點的父節點是id:lesson1的li元素結點,Id:lesson1的li結點的父結點是id:con的ul元素結點,然后id:con的ul元素結點有8個子節點,編號為0,1,2,3,4,5,6,7,再次寫下這8個結點的nodeName(結點名)作為參考
0:#text(默認文本元素結點)1:LI 2:#text 3:LI 4:#text 5:LI 6:#text 7:LI(我們要的nodeValue結點值的li元素結點)
document.write(mylist.parentNode.parentNode.parentNode.childNodes[7].childNodes[0].nodeValue);
2019-11-13
兩個parentNod是沒有找到父節點,會出現undefined