訪問jquery對話框內的iframe內的元素

Question

我需要在用戶已經進入的頁面內部“加載頁面”，而不是將他們重定向到該新頁面。 據我了解，iframe是執行此操作的最佳方法。 我喜歡jQuery的對話框作為此iframe內容的包裝，因為它看起來不錯，並且允許用戶重新放置彈出窗口並輕松關閉它。

但是，我無法訪問此iframe上的元素。 我希望能夠從用戶的原始窗口中獲取數據並將其添加到新的iframe的輸入元素中，但是我似乎找不到執行此操作的語法。

iframe頁面的代碼中有一些內容會覆蓋jQuery對$的使用，因此我不能使用$('#foo').text('bar') 。 我一直試圖在純JavaScript中找到正確的語法-如

var a = window.frames["e_frame"].document.getElementById ("title");
a.text = 'foobar';

其中e_frame是我賦予iframe的ID， title是加載到iframe中的元素的ID。 我可以在開發人員控制台中清楚地看到它們，但是我無法訪問它們，並且不確定自己做錯了什么。 在控制台中輸入上面的命令會給我這個錯誤：

VM364:1 Uncaught TypeError: Cannot read property 'document' of undefined
    at <anonymous>:1:28

在控制台中鍵入window.frames進行自我調試會給我帶來太多的麻煩，因為我不確定要查找的內容。

有任何想法嗎？

Answer 1

你試過這個嗎？

var iframe = document.getElementById("e_frame");
var iframe_contents = iframe.contentDocument.getElementById('title');