访问jQuery对话框中的iframe内部的元素

Question

我需要在用户已经打开的页面内“加载页面”，而不是将它们重定向到新页面。我的理解是，iframe是做这件事的最好方法。我喜欢jQuery的dialog box作为这个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是元素的ID加载在iframe。我可以在开发者控制台中清楚地看到这些，但是我无法访问它们，我不知道我在做什么错误。在控制台上面的命令输入给我这个错误：

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');