rendu iFrame dynamiquement dans Firefox

Question

je produis un iFrame dynamique comme celui-ci

var iframe=document.createElement('iframe'); 
document.body.appendChild(iframe); 
var iframedoc=iframe.contentDocument||iframe.contentWindow.document; 
iframedoc.body.innerHTML="HI"; 

Fiddle: http://jsfiddle.net/Pbj7S/

Il fonctionne dans Google Chrome, Opera, Safari, mais pas dans Firefox.

Une idée pourquoi?

Answer 1

Cela fonctionne:

var iframe=document.createElement('iframe'); 
document.body.appendChild(iframe); 
setTimeout(function(){ 
    var iframedoc=iframe.contentDocument||iframe.contentWindow.document; 
    iframedoc.body.innerHTML="HI"; 
}, 10); 

Le problème est que vous essayez d'accéder au document iframe avant qu'il ne soit disponible dans les DOM. Le délai n'est pas important, le point important est que les navigateurs mettent à jour l'affichage (et certains objets accessibles dans le cas de Firefox) seulement après que le thread js ait fini de fonctionner.