課程
/前端開發(fā)
/HTML/CSS
/DOM探索之基礎(chǔ)詳解篇
請(qǐng)問為什么不用document.getElementsByTagName("img")而要寫box.getElementsByTagName("img")
2016-06-10
源自:DOM探索之基礎(chǔ)詳解篇 1-3
正在回答
首先 DOM層級(jí)結(jié)構(gòu)式是獲取到節(jié)點(diǎn)之后才能操作相關(guān)屬性,所以用到getElementById()
然后獲得了這個(gè)節(jié)點(diǎn)之后,操作此節(jié)點(diǎn)下的img節(jié)點(diǎn),所以是obox.。。。。。
至于為什么不直接使用TagName這個(gè)是因?yàn)樵诿鎸?duì)大型項(xiàng)目的時(shí)候整個(gè)文檔可能不只有這一處節(jié)點(diǎn)有img節(jié)點(diǎn),比如這個(gè)是手機(jī)的img,下面還有衣服,鞋子等其他img,這個(gè)時(shí)候如果直接使用TagName就會(huì)獲取這個(gè)文檔的img,然后本來(lái)只想作用于手機(jī)img的行為也會(huì)同樣作用于衣服鞋子上,而為了吧整個(gè)文檔的img區(qū)分開來(lái),所以在每段img外嵌套一個(gè)ID唯一的DIV節(jié)點(diǎn),現(xiàn)貨的相應(yīng)的img段之上的唯一DIV節(jié)點(diǎn),在獲取DIV包含的img節(jié)點(diǎn),就能很好區(qū)分開來(lái)了,當(dāng)然對(duì)于視頻中整個(gè)文檔只有這一個(gè)IMG的時(shí)候,當(dāng)然也可以直接使用img,但是只適用于視頻中的簡(jiǎn)短案例,并不能代表最終的大型項(xiàng)目,所以即使案例中只有這一處IMG,為了說明問題和適用日后工作,最正確的選擇就是使用ID先獲取唯一性節(jié)點(diǎn),然后在獲取相應(yīng)的img,給出行為即可!??!
舉報(bào)
要知道前端大牛都是從精通DOM開始的,全面講解DOM的基礎(chǔ)知識(shí)
2 回答parentNode這個(gè)屬性找到的父節(jié)點(diǎn)是哪個(gè)節(jié)點(diǎn)?
2 回答代碼有一處不明白 ,非本例。
1 回答實(shí)踐證明沒有效果
3 回答這個(gè)有什么意義
2 回答有一點(diǎn)不是很理解關(guān)于try...catch
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)
2016-06-10
首先 DOM層級(jí)結(jié)構(gòu)式是獲取到節(jié)點(diǎn)之后才能操作相關(guān)屬性,所以用到getElementById()
然后獲得了這個(gè)節(jié)點(diǎn)之后,操作此節(jié)點(diǎn)下的img節(jié)點(diǎn),所以是obox.。。。。。
至于為什么不直接使用TagName這個(gè)是因?yàn)樵诿鎸?duì)大型項(xiàng)目的時(shí)候整個(gè)文檔可能不只有這一處節(jié)點(diǎn)有img節(jié)點(diǎn),比如這個(gè)是手機(jī)的img,下面還有衣服,鞋子等其他img,這個(gè)時(shí)候如果直接使用TagName就會(huì)獲取這個(gè)文檔的img,然后本來(lái)只想作用于手機(jī)img的行為也會(huì)同樣作用于衣服鞋子上,而為了吧整個(gè)文檔的img區(qū)分開來(lái),所以在每段img外嵌套一個(gè)ID唯一的DIV節(jié)點(diǎn),現(xiàn)貨的相應(yīng)的img段之上的唯一DIV節(jié)點(diǎn),在獲取DIV包含的img節(jié)點(diǎn),就能很好區(qū)分開來(lái)了,當(dāng)然對(duì)于視頻中整個(gè)文檔只有這一個(gè)IMG的時(shí)候,當(dāng)然也可以直接使用img,但是只適用于視頻中的簡(jiǎn)短案例,并不能代表最終的大型項(xiàng)目,所以即使案例中只有這一處IMG,為了說明問題和適用日后工作,最正確的選擇就是使用ID先獲取唯一性節(jié)點(diǎn),然后在獲取相應(yīng)的img,給出行為即可!??!