Is there any way to access an Iframe's content using javascript. I have been able to write code that does it. But every browser rejects it, not letting me gain access to the iframe's contents. Is there any way to get pass this issue?
function getContent(){
var myIFrame = document.getElementById('the-frame');
var content = myIFrame.contentWindow.document.body.innerHTML;
alert('content: ' + content);
}
Make sure that the iframe is on the same domain, otherwise you can't get access to its internals. That would be cross-site scripting.
None of the browsers would allowing accessing iframe which is from a different domain than your site. It is a serious security breach. Thus if you are loading iframe from different domain, no matter what you do, you can't access it.
You might not like the answer, but it is the fact.
You could try something like this:
var iframe = document.getElementById("the-frame");
var iframe_content = iframe.contentDocument.body.innerHTML;
The variable iframe_content contains the contents (innerHTML) of the <body> tag of the iframe page.
<iframe>? Frames are restricted by the same origin policy and crossing origins requires that the owners of the content give your origin permission.