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

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

Answer 2

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...

Answer 3

You can get the iframe document by doing this:

document.getElementById(iframeId).contentDocument

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