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