我想用
javascript更改类的css属性.我真正想要的是当div被悬停时,另一个div应该变得可见.
我的css就像..
.left,.right{
margin:10px;
float:left;
border:1px solid red;
height:60px;
width:60px
}
.left:hover,.right:hover{
border:1px solid blue;
}
.center{
float:left;
height:60px;
width:160px
}
.center .left1,.center .right1{
margin:10px;
float:left;
border:1px solid green;
height:60px;
width:58px;
display:none;
}
而且html文件就像..
<div class="left">
Hello
</div>
<div class="center">
<div class="left1">
Bye
</div>
<div class="right1">
Bye1
</div>
</div>
<div class="right">
Hello2
</div>
当hello1 div悬停时,bye1 div应该是可见的,当hello2悬停时,类似的bye2应该出现.
解决方法
您可以使用style属性.例如,如果要更改边框 –
document.elm.style.border = "3px solid #FF0000";
类似的颜色 –
document.getElementById("p2").style.color="blue";
最好的是你定义一个类并执行此操作 –
document.getElementById(“p2”).className =“classname”;
(必须相应地考虑跨浏览器工件).
