编程语言
首页 > 编程语言> > javascript – 使用JS创建带有onMouseOver效果的DIV

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

作者:互联网

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

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

<div onm ouseOver="doSth()" onm ouseOut="doSthElse()"> </div>

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

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

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

解决方法:

没有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 );

标签:jquery,javascript,css,html,onmouseover
来源: https://codeday.me/bug/20190712/1443725.html