如何使用 JavaScript 存取 IFrame 的內容？

如何在JavaScript 中存取Iframe 的內容

要使用純JavaScript 檢索iframe 中的body 元素的內容，有需要遵循以下幾步驟：

1.取得Iframe物件：

const iframe = document.getElementById('id_description_iframe');

2.存取Iframe的內容文件：
根據jQuery原始碼，以下程式碼提供了跨瀏覽器的解決方案：

const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

3.選擇iframe中的元素：
要選擇 iframe 內容文件中的元素，請使用：

const iframeContent = iframeDocument.getElementById('frameBody');

4。呼叫 iframe 內的函數：
要存取 iframe 內的全域函數或變量，請取得 iframe視窗物件：

const iframeWindow = iframe.contentWindow;

範例：

iframeContent = iframeWindow.jQuery('#frameBody'); // if jQuery is loaded within the iframe

注意事項：

注意事項：
• 確保其內容堅持同源策略。

此解決方案保持簡短且可讀，同時提供跨瀏覽器相容性。

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