Как отредактировать содержимое в: blank iframe?

Question

Я хочу отредактировать содержимое в: blank iframe. Я пробовал:

document.getElementById('iframe1').contentWindow.document.body.innerHTML="<p>hello</p>"; 

И я получаю:

Error: Permission denied to access property "document"

Может кто-нибудь мне помочь?

Answer 1

Необходимо сначала создать документ, который создаст iframe в дереве DOM.

var iframe = document.getElementById('iframe1'); 
iframe.contentDocument.open(); 
iframe.contentDocument.close(); 
iframe.contentDocument.body.innerHTML = '<h1>Hello World!</h1>'; 

A рабочий fiddle here.

И кажется, что iframe.contentDocument эквивалентен iframe.contentWindow.document в современных браузерах.