<!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”?
2 回答
已采纳
CodeManDSH
TA贡献58条经验 获得超18个赞
个人认为，原作者的
oDiv.className=“hover”
可能有其他作用，因为你贴的代码，即使把
oDiv.onmouseover= function(){
oDiv.className ="hover";
}这个删掉，对效果没什么影响啊
添加回答
举报
0/150
提交
取消