Get the content of an IFRAME in Javascript-crossbrowser solution for both IE and Firefox

Get the content of an IFRAME in Javascript-crossbrowser solution for both IE and Firefox

Http://roneiv.wordpress.com/2008/01/18/get-the-content-of-an-iframe-in-javascript-crossbrowser-solution-for-both-ie-and-firefox/

 

 

OK, let's imagine the use case: I have an IFRAME somewhere on my page, and when I click a link or a button I need to get the content of it (cocould be a textarea e.g .), and then do some stuff with it.

It was easy to do this in IE, but for Firefox I struggled more, as I kept getting the "frame has no properties" error message in the console. and when I solved this I couldn't get to the content.

There is a lot of references out there claiming that you cocould use document. frames ['nameofmyiframe'] or window. frames ['nameofmyiframe'] To get the frame, and then use. innerhtml to get the content, but both are wrong.

I came up with the following function that seems to do the job in both Firefox (tested on version 2.0.0.11 and 3.03) and in IE (6 and 7 ):

 

 

Function getcontentfromiframe (iframename)
{

VaR myiframe = Document. getelementbyid (iframename );
VaR content = myiframe.ContentWindow. Document. Body. innerhtml;

// Do whatever you need with the content

}