Question

如何用js控制a:hover的样式？

<a href="#" id="test">这样一个标签，JS改变其整个样式可以用document.getElementById("test").style；现在需要单独控制:hover状态时的样式，该如何实现？----------我知道在css里写.test1:hover、.test2:hover，然后用JS改变其className可以实现这个效果。但现在想直接控制DOM。是否能实现

Answer 1

可以写一个onmouseover的事件函数，在函数中改变style就可以了。如：
document.getElementById("test").onmouseover=function(){
this.style.color="red";
}
当然，你还可以再写一个onmouseout事件函数

Answer 2

我也想知道，我现在在做计算器，按键离开后图片透明度递减，也需要从DOM里实现，用className的话太不现实了
刚才从网上搜了下，大致明白了，我说给你听听，靠自己理解了
onmouseover的功能本身和hover一样了，所以不需要提取到a里面的hover，直接使用事件就行
a.onmouseover=function(){
a.style.background="xxxx.jpg";
var num=100;
for(;num<=100;i--){
a.filter="alpha(opacity="+i+")";
}
就着思路，代码对不对没测试

Answer 3

js实现鼠标点击（非a:hover,a:link,a:visited,a:active）的样式切换效果
代码：
function changeBg(link)
{
var alllinks=document.getElementById("mylink").getElementsByTagName("a");
for(var i=0;i<alllinks.length;i++){
alllinks[i].className="titlelink";//默认未点击时引用的样式
}
link.className="titlelink_copy";//点击切换样式
}