如何使用 JavaScript 存取 iFrame 內的元素？

使用JavaScript 存取iFrame 元素

如果您的網頁包含包含文字區域的iFrame，則使用標準JavaScript 技術存取文字區域的值時可能會遇到困難。通常，您可以使用 window.parent.getElementById().value 來擷取父頁面中的值。然而，由於 iFrame 的孤立特性，這種方法會失敗。

要解決此限制，需要動態解決方案，因為 iFrame ID 和名稱可能會在運行時發生變化。關鍵在於存取 iFrame 內容而不依賴其 ID 或名稱。以下 JavaScript 程式碼提供了全面的解決方案：

function iframeRef( frameRef ) {
    return frameRef.contentWindow
        ? frameRef.contentWindow.document
        : frameRef.contentDocument
}

var inside = iframeRef( document.getElementById('one') )

此程式碼採用 iFrame 引用並動態識別 iFrame 是否使用 contentWindow 還是 contentDocument。然後它將引用分配給內部變數。

使用內部變量，您現在可以存取iFrame 中的元素，在本例中，還可以存取文字區域：

inside.getElementsByTagName('textarea')

This全面的解決方案提供對iFrame 內元素的可靠訪問，無論其運行時更改的ID 或名稱如何。

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