Reputation: 2471
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>
Upvotes: 0
Views: 527
Reputation: 100175
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
Upvotes: 1
Reputation: 14123
For old versions of IE (6/7) use can use properties instead of attributes:
div.id = 'errorMessage';
div.className = 'blockMessage';
closeText.onclick = destroyObject;
Upvotes: 1