javascript - 使用纯 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/