JavaCript控制div的样式不好使了，求帮忙....

----Neal---- 2014-07-12 08:03:15

html代码
<div id="date_show" onmouseover="addCs()">a</div>
<div class="menu_date" onmouseover="delS()">b</div>
<div class="menu_date" onmouseover="delS()">c</div>
JavaScript代码
function addCs(){
document.getElementById("date_show").className = "abc";
}
function delS(){
document.getElementById("date_show").style.background="none";
}
css样式
.abc{width:120px;height: 80px;font-size:45px;font-family:微软雅黑;float:left;color:white;
text-align:center;line-height:80px;background-color: #7c7f86;border-radius:5px;}

当鼠标经过b和c的时候，将a的样式去掉，鼠标经过a的时候再给它加上css样式，为什么就加不上了呢？？？

...全文

107 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

----Neal---- 2014-07-13

打赏
举报

太感谢你了，问题解决了

张运领 2014-07-12

打赏
举报

function addCs(){
document.getElementById("date_show").className = "abc";
document.getElementById("date_show").style.backgroundColor="#7c7f86";
}

你要了解一下，css不同的写法之间的优先级。（不考虑important）在标签中的style中的写法是最高的下面是id选择器类，伪类选择器元素，为元素选择器大体就是这几个，你代码中的问题就是，你使用了类选择器和标签中style的写法，那肯定是任何时候，style的写法，在起作用的。改成上面的样子，或者把另外一种也使用class处理就可以了