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

透過引用文件使用 JavaScript 存取 iframe 元素

在 Web 開發中，通常需要與父級 iframe 中的元素進行視窗。然而，由於安全限制，直接存取 iframe 元素可能會很棘手。本文透過利用 contentWindow 或 contentDocument 屬性來取得 iframe 文件的引用，提出了解決此挑戰的解決方案。

要存取 iframe 元素，請按照以下步驟操作：

1. 識別iframe 元素透過其 ID 或名稱。
2. 使用 iframe 元素的 contentWindow 屬性來存取其子視窗。如果該屬性未定義，請使用 contentDocument 屬性。
3. 利用子視窗的 document 屬性來取得 iframe 文件的參考。
4. 現在，您可以使用 JavaScript 方法來存取並操作 iframe 中的元素，例如 getElementsByTagName()。

例如，考慮以下HTML 程式碼：

要存取iframe 中的textarea 元素，請使用下列JavaScript：

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