如何使用 Javascript 存取動態產生的 iframe 中的 textarea 值？

使用 Javascript 存取 iframe 元素

在 Web 開發中，iframe（內聯框架）將另一個文件嵌入到目前網頁中。為了與 iframe 中的元素進行交互，Javascript 提供了一種存取其內容的方法。

在動態產生的 iframe 中造訪 Textarea 值

考慮一個場景，您有一個iframe 內帶有文字區域的網頁。您需要使用 Javascript 從父頁面讀取此文字區域的值。然而，當 iframe 的 id 或名稱動態變化時，取得 textarea 值就變得具有挑戰性。

解決方案

要克服這個障礙，我們可以利用「contentWindow」或「 iframe 的 contentDocument」 屬性。這些屬性授予對 iframe 內文檔物件的存取權限：

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

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

在此腳本中，我們首先使用其 id 或名稱來取得 iframe 元素的參考。然後，我們使用「iframeRef()」函數來取得 iframe 的文檔對象，這使我們能夠存取其中的元素。

例如，透過名稱取得textarea 元素：

var textarea = inside.getElementsByName('textarea')[0];

透過存取textarea 元素，您可以讀取其值：

var textareaValue = textarea.value;

這種方法允許您與iframe 中的任何元素，無論其動態ID 或名稱為何，都為跨不同框架存取內容提供了強大的解決方案。

以上是如何使用 Javascript 存取動態產生的 iframe 中的 textarea 值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！