Question

javascript 如果给对象用js添加了样式，hover属性就不见了 怎么解决？

比如我写的
css样式里写了 th:hover{background:red;}

var th = document.getElementById('time_day').getElementsByTagName('th');

th.style.background = "#E98821";
但是用js添加样式后 就没法显示了

Answer 1

1. js改样式是直接改目标的style属性,优先级别是最高的,所以它会把样式表里面class的覆盖了

2. 建议1: 通过改class名来改样式,如专门设置一个class来控制background ,然后js改其class名称实现对其改变背景颜色的效果
   

3. 建议2: 通过class来实现上面说的内容,如 th[b=red]{background:#E98821;} 然后通过setAttribute函数增加目标的属性,实现变背景颜色的效果
   

Answer 2

你可以写两个样式类a和b,a样式是平常显示的，当你鼠标移上去的时候就移除样式a，添加样式b;
onmousemove、.removeClass(".a").addClass(".b");