javascript - 访问 iframe 外部的元素

Question

我有一个文件:1.html 和其中的 iframe。
我想从 iframe 访问 1.html(iframe 外部)中存在的元素(假设为 myelement)。
我怎样才能做到这一点？
我尝试过:

top.getElementById("myelement")
top.document.getElementById("myelement")  
parent.getElementById("myelement")
parent.document.getElementById("myelement")

但是没有成功!!

Answer 1

对于跨源资源，iframe 和父文档之间无法进行通信。仅当 iframe 和包含的页面来自同一主机、端口和协议(protocol)时，它才会起作用 - 例如http://example.com:80/1.html和 http://example.com:80/2.html

对于跨源资源，您可以使用window.postMessage在两者之间进行通信，但这仅在浏览器支持此方法并且您可以控制这两种资源时才有用。

编辑 - 假设两个资源来自同一来源

在iframe中，window.parent指的是父文档的全局对象，而不是文档对象本身。我相信您需要使用 parent.document.getElementById