Calling javascript onmouseout event in javascript

Question

How to call javascript onmouseout event in javascript code?

I.e.:

var div=document.getElementById('new');
if(div.mouseout)
  document.getElementById('new').style.visibility='hidden';

Thanks.

Answer 1

I think you want:

var div = document.getElementById("new");
div.onmouseout = function (e)
{
    this.style.visibility = "hidden";
}

Answer 2

window.onload = function(){
    var div=document.getElementById('new');
    div.onmouseout = function(){
        this.style.visibility='hidden';
    };
};

You can use this keyword to specify the current element, no need to again fetch the element using document.getElementById.

Working Demo

Answer 3

var div = document.getElementById("new");
div.mouseout = function()
{
this.style.display='none';
}