如何從父頁面存取 Iframe 內的 Textarea 元素？

透過JavaScript 存取Iframe 元素

實作包含封裝文字區域的iframe 的網頁時，存取文字區域的值可能會很困難從父頁面。像 window.parent.getelementbyID().value 這樣的函數可以成功地從父頁面檢索數據，不包括 iframe 的文字區域。

要解決這個問題，我們必須規避 iframe 的 id 和名稱的動態特性父頁。利用我們對HTML 和JavaScript 的理解，我們可以如下存取iframe 元素：

• 首先，取得iframe 嵌入表單元素的HTML 結構：

<form name="formname">

• 隨後，使用以下JavaScript 來引用iframe 的內容document:

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

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

「內部」變數現在引用iframe 的文檔，使您能夠使用getElementsByTagName('textarea') 等方法來存取和操作iframe 的內容。

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