DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 快速獲取/設置iframe內對象元素的幾種js實現方法
快速獲取/設置iframe內對象元素的幾種js實現方法
編輯:關於JavaScript     

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

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

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

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

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

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

4、通用方法的簡寫:

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

var $id=document.getElementById;
$Id('iframe的ID').contentWindow.$Id('元素的ID') //這樣就得到了要取的對象

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

以上這篇快速獲取/設置iframe內對象元素的幾種js實現方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved