Get IFrame s document from JavaScript in main document

Question

I have this HTML code    lt html gt     lt head gt       lt script type  text javascript  gt        function GetDoc x                  return x document              x contentDocument              x contentWindow document                 function DoStuff                   var fr   document all  myframe            while fr ariaBusy              var doc   GetDoc fr           if  doc    document            alert  Bad            else            alert  Good                 lt  script gt     lt  head gt     lt body gt       lt iframe id  myframe  src  http   example com  width  100   height  100   onload  DoStuff    gt  lt  iframe gt     lt  body gt   lt  html gt    The problem is that I get message  Bad   That mean that the document of iframe is not got correctly  and what is actualy returned by GetDoc function is the parent document   I would be thankful  if you told where I do my mistake   I want to get document hosted in IFrame    Thank you

User · Accepted Answer

You should be able to access the document in the IFRAME using the following code:

document.getElementById('myframe').contentWindow.document

However, you will not be able to do this if the page in the frame is loaded from a different domain (such as google.com). THis is because of the browser's Same Origin Policy.

User · Answer

The problem is that in IE  which is what I presume you re testing in   the  lt iframe gt  element has a document property that refers to the document containing the iframe  and this is getting used before the contentDocument or contentWindow document properties  What you need is   function GetDoc x        return x contentDocument    x contentWindow document      Also  document all is not available in all browsers and is non-standard  Use document getElementById   instead

User · Answer

In case you get a cross-domain error   If you have control over the content of the iframe - that is  if it is merely loaded in a cross-origin setup such as on Amazon Mechanical Turk - you can circumvent this problem with the  lt body onload  my func my arg   gt  attribute for the inner html   For example  for the inner html  use the this html parameter  yes - this is defined and it refers to the parent window of the inner body element     lt body onload  changeForm this   gt   In the inner html         function changeForm window            console log  inner window loaded  do whatever you want with the inner html            window document getElementById  mturk form   style display    none        lt  script gt

[javascript] Get IFrame's document, from JavaScript in main document

Examples related to javascript

Examples related to html

Examples related to iframe

Examples related to document