快速獲取/設(shè)置iframe內(nèi)對象元素的幾種js實現(xiàn)方法
來源:易賢網(wǎng) 閱讀:638 次 日期:2016-06-25 14:45:11
溫馨提示:易賢網(wǎng)小編為您整理了“快速獲取/設(shè)置iframe內(nèi)對象元素的幾種js實現(xiàn)方法”,方便廣大網(wǎng)友查閱!

下面小編就為大家?guī)硪黄焖佾@取/設(shè)置iframe內(nèi)對象元素的幾種js實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。

1、IE專用(通過frames索引形象定位): document.frames[i].document.getElementById('元素的ID');

2、IE專用(通過IFRAME名稱形象定位): document.frames['iframe的name'].document.getElementById('元素的ID');

以上方法,不僅對IFRAME適用,對FRAMESET里的FRAME也同樣適用。IE雖然擅于自定標準,但不得不說它很多的設(shè)計還是比較體現(xiàn)人性化的。比如這個,它在同樣支持下面的標準路徑之外,提供了一個簡潔且形象化的寫法。

3、通用方法: document.getElementById('iframe的ID').contentWindow.document.getElementById('元素的ID')

注意要加上contentWindow,往往出現(xiàn)問題都是因為這個容易被忽略,它代表FRAME和IFRAME內(nèi)部的窗口對象。

但是,很明顯,這種寫法非常要命,太長了。如果要操作一系列里面的元素,這樣寫起來,實在夠受的,就算用復(fù)制粘貼大法,眼睛看起來也是個問題。

4、通用方法的簡寫:

對document.getElementById定義一個短名稱,稍微熟悉JS的朋友都知道這個方法。在這里它可以發(fā)揮雙倍的作用,如下例:

var $id=document.getElementById;

$Id('iframe的ID').contentWindow.$Id('元素的ID') //這樣就得到了要取的對象

在這一點上,我還是喜歡IE的做法,比較呵護。因為微軟不是一個單獨的瀏覽器開發(fā)商,它本身也要大量地編寫開發(fā)HTML/ASP等文檔,所以比較能夠做到這一點。而其它的瀏覽器開發(fā)商,基本只是站在一個瀏覽器的立場,把最基本的鏈路走通就完事了,很少站在開發(fā)者立場去設(shè)計出一些類似這樣既簡便又不失語義化的捷徑來。很多人動輒說它們“標準”,在有些地方固然有理,但在有些地方,這種標準也不過是一種冷漠。

以上這篇快速獲取/設(shè)置iframe內(nèi)對象元素的幾種js實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考

更多信息請查看網(wǎng)絡(luò)編程

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權(quán)所有:易賢網(wǎng)