Question

154

set innerHTML of an iframe

rated 0 times [ 157] [ 3] / answers: 1 / hits: 46381 / 14 Years ago, sat, february 19, 2011, 12:00:00

In javascript, how can I set the innerHTML of an iframe? I mean: how to set, not get.

window[ifrm_name].document.innerHTML= <h1>Hi</h1> does not work, and the same for other solutions.

Iframe and parent document are on the same domain.

I would need to set html of the whole document iframe, not its body.

I would need to avoid jquery solution.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jaelyn

Add To Favorites

Follow

Total Points: 619

Total Questions: 102

Total Answers: 104

Location: Honduras

Member since Sun, Dec 26, 2021

2 Years ago

answered 14 Years ago masonm · Accepted Answer

A really simple example ...

<iframe id=fred width=200 height=200></iframe>

then the following Javascript is run, either inline, part of an event, etc ...

var s = document.getElementById('fred');

s.contentDocument.write(fred rules);

the contentDocument is the equivalent of the document you get in the main window, so you can make calls against this to set the body, head, any elements inside ... etc.

I've only tested this in IE8, Chrome and Firefox ... so you may want to test in IE6/7 if you have copies available.