下面小編就為大家?guī)?lái)一篇快速獲取/設(shè)置iframe內(nèi)對(duì)象元素的幾種js實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。
1、IE專用(通過(guò)frames索引形象定位): document.frames[i].document.getElementById('元素的ID');
2、IE專用(通過(guò)IFRAME名稱形象定位): document.frames['iframe的name'].document.getElementById('元素的ID');
以上方法,不僅對(duì)IFRAME適用,對(duì)FRAMESET里的FRAME也同樣適用。IE雖然擅于自定標(biāo)準(zhǔn),但不得不說(shuō)它很多的設(shè)計(jì)還是比較體現(xiàn)人性化的。比如這個(gè),它在同樣支持下面的標(biāo)準(zhǔn)路徑之外,提供了一個(gè)簡(jiǎn)潔且形象化的寫法。
3、通用方法: document.getElementById('iframe的ID').contentWindow.document.getElementById('元素的ID')
注意要加上contentWindow,往往出現(xiàn)問(wèn)題都是因?yàn)檫@個(gè)容易被忽略,它代表FRAME和IFRAME內(nèi)部的窗口對(duì)象。
但是,很明顯,這種寫法非常要命,太長(zhǎng)了。如果要操作一系列里面的元素,這樣寫起來(lái),實(shí)在夠受的,就算用復(fù)制粘貼大法,眼睛看起來(lái)也是個(gè)問(wèn)題。
4、通用方法的簡(jiǎn)寫:
對(duì)document.getElementById定義一個(gè)短名稱,稍微熟悉JS的朋友都知道這個(gè)方法。在這里它可以發(fā)揮雙倍的作用,如下例:
var $id=document.getElementById;
$Id('iframe的ID').contentWindow.$Id('元素的ID') //這樣就得到了要取的對(duì)象
在這一點(diǎn)上,我還是喜歡IE的做法,比較呵護(hù)。因?yàn)槲④洸皇且粋€(gè)單獨(dú)的瀏覽器開(kāi)發(fā)商,它本身也要大量地編寫開(kāi)發(fā)HTML/ASP等文檔,所以比較能夠做到這一點(diǎn)。而其它的瀏覽器開(kāi)發(fā)商,基本只是站在一個(gè)瀏覽器的立場(chǎng),把最基本的鏈路走通就完事了,很少站在開(kāi)發(fā)者立場(chǎng)去設(shè)計(jì)出一些類似這樣既簡(jiǎn)便又不失語(yǔ)義化的捷徑來(lái)。很多人動(dòng)輒說(shuō)它們“標(biāo)準(zhǔn)”,在有些地方固然有理,但在有些地方,這種標(biāo)準(zhǔn)也不過(guò)是一種冷漠。
以上這篇快速獲取/設(shè)置iframe內(nèi)對(duì)象元素的幾種js實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考