如何存取 iFrame 內的元素？

存取 iFrame 中的元素

從 iFrame 中檢索元素可能是操作內容或從嵌入框架收集資料所必需的。操作方法如下：

方法：

要從iFrame 中取得DIV 元素，請使用以下程式碼：

var iframe = document.getElementById('iframeId');
var innerDoc = (iframe.contentDocument) ? iframe.contentDocument : iframe.contentWindow.document;

或者，更簡單地說：

var iframe = document.getElementById('iframeId');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;

一旦獲得了innerDoc，您就可以訪問DIV元素按其 ID 使用：

innerDoc.getElementById('divId');

注意：

確保 iFrame 與父頁位於同一網域以獲得存取權限至關重要其內容。同源策略可以防止跨站腳本。

參考文獻：

• MDN: [
• MDN：[同源策略：跨來源腳本API 存取](https ://developer.mozilla.org/en-US/docs/Glossary/Same-origin_policy)

以上是如何存取 iFrame 內的元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！