Getting Contents of Iframe with Pure JavaScript

Question

I already can get the content of an Iframe with jQuery, though I would like to learn how to get it with pure JavaScript.

This is what I have so far.

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

What am I doing wrong, please help. Also originally the frame does not have an ID, and I already tried this

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

Is that cross browser efficient? And then how do I get the contentWindow? Just some explanation so I can do this with JavaScript and not jQuery. jQuery version is this

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

Solution

If it is on the same domain, try this. It won't let you access iframe contents if the iframe is of a different origin than the window that you are viewing.

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

Working example with jsfiddle iframe viewing a page on the same domain:

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

Comments

[Ciro Santilli OurBigBook.com]

possible duplicate of How to get the body's content of an iframe in Javascript?

[Ciro Santilli OurBigBook.com]

sorry, no offense intended. Is there a community consensus (e.g. Meta question) that says that it is not good to mark as duplicates of old questions? Do you agree that they are the same question? If not, can you explain why? I may have misjuged.

[EasyBB]

Well yes different. Sorry for my rudeness just was irritated. Different as I show my code, both jquery and vanilla and that question shows no code from the OP

[Ciro Santilli OurBigBook.com]

Specified at: w3.org/TR/html5/…

[Rayjax]

what if I want the HEAD with it ? Do I have to do contentDocument.head.innerHTML and concatenate to the body or is there a faster way

[Rayjax]

nevermind -> iframe.document.getElementsByTagName('html')[0].innerHTML