課程
/前端開發(fā)
/JavaScript
/JavaScript進(jìn)階篇
parentNode 是怎么看父節(jié)點(diǎn)的???求高人指點(diǎn)下。。。有點(diǎn)混
2015-01-19
源自:JavaScript進(jìn)階篇 9-10
正在回答
舉個(gè)例子?
<ul>
????<li>
????????<a id="tagA">hello cc</a>
????</li>
</ul>
這里的 a標(biāo)簽的 parentNode 就是 li標(biāo)簽, li標(biāo)簽的 parentNode 就是 ul
所以如果 a標(biāo)簽有 id 的話,你想獲取他最外層的 ul標(biāo)簽,就可以通過兩次 parentNode 來查找
代碼如下
var tagA = document.getElementById('tagA'),
????ul = tagA.parentNode.parentNode;
找到ul標(biāo)簽就可以對(duì)他進(jìn)行操作了,比如加一個(gè)class
ul.className = 'hello'
keida 提問者
舉報(bào)
本課程從如何插入JS代碼開始,帶您進(jìn)入網(wǎng)頁動(dòng)態(tài)交互世界
6 回答關(guān)于父節(jié)點(diǎn)parentNode
1 回答關(guān)于parentNode的疑惑
4 回答沒搞懂,求助!
1 回答不懂為什么要加 parentNode?
3 回答沒搞懂,求大神講解
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2015-01-19
舉個(gè)例子?
<ul>
????<li>
????????<a id="tagA">hello cc</a>
????</li>
</ul>
這里的 a標(biāo)簽的 parentNode 就是 li標(biāo)簽, li標(biāo)簽的 parentNode 就是 ul
所以如果 a標(biāo)簽有 id 的話,你想獲取他最外層的 ul標(biāo)簽,就可以通過兩次 parentNode 來查找
代碼如下
var tagA = document.getElementById('tagA'),
????ul = tagA.parentNode.parentNode;
找到ul標(biāo)簽就可以對(duì)他進(jìn)行操作了,比如加一個(gè)class
var tagA = document.getElementById('tagA'),
????ul = tagA.parentNode.parentNode;
ul.className = 'hello'