Question

This is my code.Its working fine on firefox

<script language="JavaScript"type="text/javascript">
 window.onload=function createDiv()
    { 
    var body = document.getElementsByTagName('body') [0];
    var div = document.createElement('div');
    div.setAttribute('id','errorMessage');
    div.setAttribute('class','blockMessage');
    var text = document.createTextNode('TO close the message click on cancel');
    var closeText=document.createElement('span');
    closeText.setAttribute('id','close');
    closeText.setAttribute('onclick','destroyObject()');
    var text1=document.createTextNode('Close');
    closeText.appendChild(text1);
    div.appendChild(text);
    div.appendChild(closeText);

document.body.insertBefore(div, document.body.firstChild);

//body.appendChild(div);
    }
 function destroyObject(){
    var getId=document.getElementById('errorMessage');
    getId.remove(getId);
 }

    </script>

Answer 1

As workaround, you could add some more code if its IE, like:

//for class
div.className = "your_class_name";
//for onclick
div.onclick = function() {destroyObject();}; // for IE

See here for more