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

Question

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

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

提前致谢.

Answer 1

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

• parent ==父窗口
• 顶部==大多数窗口

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

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

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