Javascript Iframe innerHTML

Question

Does anyone know how to get the HTML out of an IFRAME I have tried several different ways:

document.getElementById('iframe01').contentDocument.body.innerHTML document.frames['iframe01'].document.body.innerHTML document.getElementById('iframe01').contentWindow.document.body.innerHTML etc

Answer 1

If you take a look at JQuery, you can do something like:

<iframe id="my_iframe" ...></iframe>

$('#my_iframe').contents().find('html').html();

This is assuming that your iframe parent and child reside on the same server, due to the Same Origin Policy in Javascript.

Answer 2

I think this is what you want:

window.frames['iframe01'].document.body.innerHTML

Answer 3

Don't forget that you can not cross domains because of security.

So if this is the case, you should use JSON.

Answer 4

i find it handy to open the iframe in it's own window, and just view the innerHTML as normal (ie, propreties and copy the address. firefox, right click 'This Frame, Open Frame in New window')

Answer 5

Having something like the following would work.

<iframe id = "testframe" onload = populateIframe(this.id);></iframe>

// The following function should be inside a script tag

function populateIframe(id) { 

    var text = "This is a Test"
var iframe = getObj(id); 

var doc; 

if(iframe.contentDocument) { 
    doc = iframe.contentDocument; 
} else {
    doc = iframe.contentWindow.document; 
}

doc.body.innerHTML = text; 

  }