Changing the contents of an iframe

Question

I have an iframe embedded on my webpage and I'd like to edit certain parts of it using javascript. Is this possible and how would I do it?

Answer 1

You can get the iframe document by doing this:

document.getElementById(iframeId).contentDocument

That is if you own the page loaded in the iframe.

Answer 2

Since the iframe is loading content from another domain — no. You'll hit the same origin policy.

Answer 3

According to the HTML DOM spec (level 2), you can reach the child DOM by using the .contentDocument property of the iframe's DOM node.

But, of course, no browser lets you do that across domains anymore...