使用纯JavaScript获取Iframe的内容

Question

我已经可以使用jQuery获取iframe的内容,但我想学习如何使用纯JavaScript来获取它.

这就是我到目前为止所拥有的.

 var frame = document.getElementById('awc_frame');
 var easyBB = frame.contentWindow.document.body.innerHTML;
 easyBB.getElementById('chatbox-title').innerText="Chatbox";

我做错了什么,请帮忙.最初框架没有ID,我已经尝试过了

var frame = document.frames['awc_frame'];

跨浏览器有效吗？然后我如何获得contentWindow？只是一些解释,所以我可以用JavaScript而不是jQuery来做到这一点.jQuery版本是这样的

var frame = $('#avacweb_chat iframe');
var easyBB = $('#chatbox-title',frame.contents()).text('Chatbox');

Answer 1

如果它位于同一个域中,请尝试此操作.如果iframe与您正在查看的窗口的起源不同,则不允许您访问iframe内容.

var iframe = document.getElementById("awc_frame");
var iframe_contents = iframe.contentDocument.body.innerHTML;

使用jsfiddle iframe查看同一域上的页面的工作示例:

http://jsfiddle.net/tqAL3/1/