使用JS创建带有onMouseOver效果的DIV

Question

我想通过Javascript创建一个DIV元素,但它应该有onMouseOver效果.

所以我知道HTML中的标签是什么样的:

<div onMouseOver="doSth()" onMouseOut="doSthElse()"> </div>

而且我知道如何创建我的DIV:

var myDiv= document.createElement("div");
//style settings
document.body.appendChild(myDiv);

但是如何在Javascript代码中创建效果？

Answer 1

没有jQuery,这就是你想要的:

var myDiv = document.createElement('div');

myDiv.onmouseout  = doSth;
myDiv.onmouseover = doSthElse;
// with doSth & doSthElse being functions you defined somewhere else already
// otherwise you can assign a function here:
// myDiv.onmouseout = function(){};

document.body.appendChild( myDiv );