我想使用javascript更改类的css属性。我真正想要的是当div被hoverd时,另一个div应该可见。如何使用javascript更改css属性
我的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格悬停,bye1格应该是可见的,同样bye2时hello2是应该出现徘徊。
http://jsfiddle.net/rohan23dec/TqDe9/1/
有作为'getElementByClassName'没有这样的事情。 – 2013-03-06 08:04:15
@Derek https://developer.mozilla.org/en-US/docs/DOM/document.getElementsByClassName – 2013-03-06 08:05:12
重点是你忘了'Element'和'Class'之间的's' ...它应该是'getElementsByClassName '。 – 2013-03-06 08:06:08