为什么hover最后变成了class？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>鼠标移入改变样式</title>
</head>
<style>
div{
width: 150px;
height: 150px;
margin: 0 auto;
padding: 10px;
background-color: #333333;
color: #FFFFFF;
border:10px solid #000
}
div:hover{
color: red;
background-color: #f0f0f0;
border: 10px solid red;
}
</style>
<script>
window.onload = function () {
var oDiv = document.getElementsByTagName("div")[0];
oDiv.onmouseover= function(){
oDiv.className ="hover";
}
oDiv.onmouseout = function(){
oDiv.className = "";
}
}
</script>
<body>
<div>鼠标移入改变样式，鼠标移除恢复</div>
</body>
</html>这个问题我提过一次，但是我之前没有用我自己写的代码提问，而是用的是原作者的，所以可能也让答题的好心人误解了
上述代码是我自己写的，我想问的是，我并没有给div一个class，hover在css中也不是.hover
为什么在js中会使用oDiv.className=“hover”?
刺槐少女浏览 1387回答 2
2回答
-
CodeManDSH
个人认为，原作者的oDiv.className=“hover”可能有其他作用，因为你贴的代码，即使把 oDiv.onmouseover= function(){ oDiv.className ="hover"; }这个删掉，对效果没什么影响啊 -
yemaa
这个是当执行onmouseover事件时，将div的class赋值为hover，为什么使用，改变样式可以有两种方法，一种js事件、一种css事件修改
随时随地看视频慕课网APP
相关分类
JavaScript