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