如何在 JavaScript 中访问 iFrame 中的元素？

在 JavaScript 中访问 iFrame 元素

问题：

使用窗口从父页面访问 iFrame 中的文本区域.parent.getElementById() 方法返回 null。

解决方案：

访问 iFrame 中的元素需要基于域关系的不同方法：

如果 iFrame 在同一个域中：

• 使用 window.frames 集合访问 iFrame：

<code class="javascript">// replace "myIFrame" with your iFrame's id
var iFrameDoc = window.frames['myIFrame'].document;
// replace "myIFrameElemId" with your iFrame's element id
var iFrameElem = iFrameDoc.getElementById('myIFrameElemId');</code>

如果 iFrame 位于不同域中：

• 由于安全原因，浏览器限制对 iFrame 元素的跨域访问。
• 使用代理页面或创建跨域通信机制，例如HTML5 postMessage。

以上是如何在 JavaScript 中访问 iFrame 中的元素？的详细内容。更多信息请关注PHP中文网其他相关文章！