如何在 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中文網其他相關文章！