从iFrame读取父文档并更改父级

Question

我正在尝试编写一个JavaScript应用程序，它将在页面上的iFrame中加载按钮。此应用程序将读取父文档并删除所有图像，应用最小样式并使用此新标记的页面重新加载父文件。

我遇到的问题是从iFrame读取和写入父文档。有谁知道实现这一目标的方法？我已经阅读了一些关于跨域消息的内容，但我不确定其中的替代方案，哪种方式最好。

提前致谢。

Answer 1

您可以使用父级或使用始终指向最外层文档的顶部变量来引用父级。

• parent ==父窗口
• top == out most window

因此，访问父窗口中的第一个div

var d = parent.document.getElementsByTagName("div")[0];

但正如评论中已经指出的那样，iframe中的外部文档和文档都需要来自同一个域，否则出于安全原因会被阻止。