Home/ Questions/Q 927815
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T19:54:43+00:00

i’ve met a strange behaviour in Firefox with this simple script: <html> <head> <script

  • 0

i’ve met a strange behaviour in Firefox with this simple script:

    <html>
      <head>
        <script type="text/javascript">
            window.setTimeout(function(){
                var ifr=document.createElement("iframe");
                ifr.src="about:blank";
                document.body.appendChild(ifr);
                var doc=ifr.contentDocument || ifr.contentWindow.document,
                    div=doc.createElement("div");
                div.innerHTML="test";
                window.setTimeout(function(){
                    doc.body.appendChild(div);
                },500);
            },500);
        </script>
    </head>
  </html>

This piece of code creates a blank iframe and appends it to the body of the current page, then it creates a div element that contains a simple text and appends it to the body of the iframe.

In every browser (IE, Safari, Chrome, Opera) it works, but in Firefox (i’m using the version 3.6.3) the div does not appear inside the iframe and no error is thrown.

I think that there must be some stupid error somewhere but i can’t find it, have you got some idea?

PS: those window.setTimeout are just a simple way to make sure that the dom is loaded in the page and in the iframe.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to wrap the retrieval of the iframe doc in the timeout.

            window.setTimeout(function(){
            var doc=ifr.contentWindow.document || ifr.contentDocument;
            var div=doc.createElement("div");
            div.innerHTML="test";
            doc.body.appendChild(div);
        },500);

    See http://jsfiddle.net/xeGSe/1/

    • 0