首頁 > web前端 > js教程 > 如何從父頁面存取 Iframe 內的 Textarea 元素?

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

DDD
發布: 2024-11-13 16:26:02
原創
977 人瀏覽過

How Can I Access Textarea Elements Inside an Iframe from the Parent Page?

透過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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板