Remove javascript tags from header using javascript

Question

Suppose I have a main page that uses an iframe object as a buffer to load an external page from the same domain (for security reasons). I chose this method because XMLHttpRequest is not able to parse from string external xhtml content in all browsers.

After the content has been loaded in the iframe, I "steal" it's content using the "contentDocument" property and then append all the css styles and script-tags to the parent's header and eventually delete the iframe (note that CSS and scripts are inline in the second document, so no external links at all).

Now everything works great - I can call the new javascript functions and css works as well.

My question is: I am able to manage removing the newly appended css styles, but with javascript does not work. Is there any solution to remove the header's newly added script tags from within the same document?

I even tried this in desperation (css vanishes, javascript still remains...)

    function emptyheader()
    {
        /* var container = document.getElementById("container"); */

        var header = document.getElementsByTagName('head')[0];  

        /* styles = header.getElementsByTagName('style'); */
        /* scripts = header.getElementsByTagName('script'); */

          while(header.hasChildNodes())
          header.removeChild(header.firstChild);    
     }

Answer 1

I am not shore I understand what you mean. But here is an example of how you can add and then remomve a script (as far as I know it is okey to add script tag to body).

<script>
function addAndRemoveScript() {
    var a = document.createElement("script");
    a.src = "yourscript.js";
    document.body.appendChild(a);
    document.body.removeChild(document.body.getElementsByTagName("script")[0])
    document.body.removeChild(document.body.getElementsByTagName("script")[0])
}
window.onload = addAndRemoveScript();
</script>