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

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

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

---

提前感谢。

您可以使用parent或始终指向最外层文档的top变量来引用父文档

• 父窗口==父窗口
• 顶部==最外面的窗口

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

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

---

但是，正如评论中已经提到的，外部文档和iframe中的文档都必须来自同一个域，否则出于安全原因，您将被阻止。

如果页面位于一个域上，而iframe指向另一个域，则您无法通过iframe执行此操作。谢谢您的回答。我使用了HTML5的跨域消息传递功能，如下所述：这看起来不对，父级和顶部指向窗口，而不是文档。请注意，它是

document.getElementsByTagName

。它起作用了！