js 操作iframe元素

一.父級窗口操作iframe裏的dom

document.getElementById(“iframe ID”).contentWindow.document

//獲取iframe的document對象，相當於contentDocument屬性。

二、iframe裏的js操作父級窗口的dom

iframe裏的js要操作父級窗口的dom，必須搞懂幾個對象：

parent是父窗口（如果窗口是頂級窗口，那麼parent==self==top），

top是最頂級父窗口（有的窗口中套了好幾層frameset或者iframe），

self是當前窗口（等價window），

opener是用open方法打開當前窗口的那個窗口；

這樣iframe裏的js要操作父級窗口的dom可以通過parent，top這些對象來獲取父窗口的window對象，例如：

parent.document.getElementById(“dom ID”)；

parent，top還能調用父級窗口的的js方法，比如，getIFrameDOM(iID）是父級窗口的一個方法，那麼iframe裏可以使用parent.getIFrameDOM(“wIframeA”)來調用父級窗口的getIFrameDOM(iID）方法

三、iframe調用父窗口中的js

window.parent.functionName();

//除了ie7,ie8其他瀏覽器沒有問題