獲取/設置IFRAME內對象元素的幾種JS方法

iframe瀏覽器ie文檔微軟

１。IE專用(通過frames索引形象定位)：?document.frames[i].document.getElementById('元素的ID');
２。IE專用(通過IFRAME名稱形象定位)：?document.frames['iframe的name'].document.getElementById('元素的ID');

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

?

３。通用方法：?document.getElementById('iframe的ID').contentWindow.document.getElementById('元素的ID')
　　注意要加上contentWindow，往往出現問題都是因為這個容易被忽略，它代表FRAME和IFRAME內部的窗口對象。

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

?

４。通用方法的簡寫：

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

[javascript]view plaincopy

var?$id=document.getElementById;??

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

?

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

總結

以上是生活随笔為你收集整理的获取/设置IFRAME内对象元素的几种JS方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。