为什么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