如何使用javascript更改css属性

前端之家收集整理的这篇文章主要介绍了如何使用javascript更改css属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想用 @L_403_0@更改类的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应该出现.

http://jsfiddle.net/rohan23dec/TqDe9/1/

解决方法

您可以使用style属性.例如,如果要更改边框 –
document.elm.style.border = "3px solid #FF0000";

类似的颜色 –

document.getElementById("p2").style.color="blue";

最好的是你定义一个类并执行此操作 –

document.getElementById(“p2”).className =“classname”;

(必须相应地考虑跨浏览器工件).

猜你在找的JavaScript相关文章