存取 iFrame 中的元素 存取 iFrame 中的元素可能是 Web 開發中遇到的常見挑戰。 iFrame 是用於將外部內容載入到網頁中的嵌入式框架,了解如何與其內部元素互動至關重要。 問題:我們如何擷取 ?元素位於 內? 答案: 要檢索 ; 中的元素,您可以使用以下方法:var iframe = document.getElementById('iframeId'); var innerDoc = (iframe.contentDocument) ? iframe.contentDocument : iframe.contentWindow.document; 或者,您可以使用以下方法: var iframe = document.getElementById('iframeId'); var innerDoc = iframe.contentDocument || iframe.contentWindow.document; 或者,您可以使用以下方法: 或者,您可以使用以下方法:或者,您可以使用「||」簡化程式碼運算子: 此程式碼通過檢查iframe 的 contentDocument 和 contentWindow.document 屬性來取得內部文件(iframe 內容)。 一旦獲得內部文檔,您就可以與其元素進行交互,就像與主頁上的元素進行交互一樣。例如,您可以檢索;使用innerDoc.getElementById('divId').重要提示:需要注意的是,iframe 必須與您的主頁位於同一網域中,這一點至關重要以防止跨站點腳本問題。當一個網域的腳本未經授權存取另一個網域的資訊時,就會發生跨網站腳本編寫。有關此主題的更多信息,請參閱以下資源:MDN:腳本MDN:同源策略:跨源腳本API 訪問