Can javascript access the iframe elements from the parent page?

Question

I have an iframe on the page, the iframe and the parent page are in a different domain, can javascript code on the parent page access elements inside this iframe?

Answer 1

It is impossible if the pages are from different domains, an isolated browser security environment should prevent this type of access. This can work when two pages are from different subdomains of the same domain, but it can and will differ between browsers (and possibly even versions of the same browser).

Access to the child iframe may work, but, on the contrary, will not work.

Answer 2

The easiest way is through the frames object in the window:

window.frames[0].document.getElementById('ElementId').style.backgroundColor="#000"; 

Answer 3

If the two domains are completely separated, then it’s impossible

Answer 4

This can be done using Chrome with the option --disable-web-security ...;)

Answer 5

Use jQuery.postMessage plugin http://benalman.com/code/projects/jquery-postmessage/docs/files/jquery-ba-postmessage-js.html

Browsers tested Internet Explorer 6-8, Firefox 3, Safari 3-4, Chrome, Opera 9.

Answer 6

Yes, through the document.frames array you can access iframes.