<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<title>鼠標(biāo)移入改變樣式</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>鼠標(biāo)移入改變樣式,鼠標(biāo)移除恢復(fù)</div>
</body>
</html>這個問題我提過一次,但是我之前沒有用我自己寫的代碼提問,而是用的是原作者的,所以可能也讓答題的好心人誤解了上述代碼是我自己寫的,我想問的是,我并沒有給div一個class,hover在css中也不是.hover為什么在js中會使用oDiv.className=“hover”?
為什么hover最后變成了class?
刺槐少女
2018-03-22 14:31:54