Javascript and same origin iframes

Question

Is it possible to read/edit iframe contents(not only properties like src) with scripts that are on page but outside of this frame? I know that is impossible if source is from other site as it would be a big serurity hole, but I only ask whether it works for other content from the same origin.

Answer 1

if the iframe-content is from the same domain you can access it by using frames.myiframe.getElement...

Answer 2

I think this link says it all Scripting Iframes - Tutorial and Examples

Answer 3

The browser only restricts access to iframe/parent contents for content which is not from the same domain. For requests from the same domain you can access content via window.parent or via myiframe.document.getElementById

Answer 4

The dom method for doing this i use is:

document.getElementById("myiframe").contentWindow.document.getElementById("divinframe").innerHTML = "I'm on the inside.";

document.getElementById("myiframe").contentWindow.someFunctionInsideIframe();

contentWindow is the answer and works in most if not all modern browsers, certainly chrome, ie7+ etc.

While I'm at it, to go the other way, use top. document.getElementById("DivInTopParent")

Answer 5

To add to what has already been said about interacting with iframes loaded from the same domain:

The browser will allow you to interact with iframes (or frames) as long as the page that is trying to do the interaction and the page that you have loaded have the same document.domain.

You can set the document.domain to a suffix of the host that you were loaded from. e.g. if you have a page loaded from blog.fred.com and it wants to interact with some service called jsonservice.fred.com, both pages will have to do

document.domain = 'fred.com';

before javascript from one will be able to interact with the other.

Browsers are clever enough not to allow you to set your document.domain to '.com', in case you were wondering...