如何使用 JavaScript 存取 Iframe 的正文內容？

在JavaScript 中檢索Iframe 的正文內容

在Web 開發領域，iframe 在嵌入外部HTML 內容方面發揮著至關重要的作用進入您自己的頁面。通常，您可能會遇到需要存取這些 iframe 的內容，包括其 body 元素。

考慮以下 HTML 程式碼片段：

<iframe>

存取 Iframe 的 Body

要在 JavaScript 中擷取此 iframe的正文內容，我們可以使用以下內容方法：

1. 取得Iframe 物件：

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

   登入後複製

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

   登入後複製

3. const iframeBody = iframeDocument.getElementById('frameBody');

   登入後複製

4. 檢索內容視窗：

   在較新的瀏覽器中，您可以直接存取 iframe 的文件物件。但是，為了跨瀏覽器相容性，我們可以使用以下方法：

   const bodyText = iframeBody.textContent;

   登入後複製

存取Body 元素：

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