如何获取onmouseover作用的对象

[duanlongk]

小弟我的网页中有连续的多个<a>链接
我要让鼠标移动过去的时候，链接的颜色发生变化。我想当鼠标移过一个链接的时候，用js获取这个链接对象，然后设置其字体颜色。 求js 代码，

[happy664618843]

event.type获取当前事件对象 再判断

[xray2005]

<script type="text/javascript">
function mouseOver(a)
{
a.style.color="#002200";
}
</script>

<a id="a1" href="#" onmouseover="javascript:mouseOver(this)" >链接1</a><br />

[mengyexue]

引用 1 楼 jawettren 的回复:

用样式吧.
1:全局的
a{color:balack}
a:hover{color:red;}

2:容器里的
<div id="div1"> <a href="#">a1 </a> <a href="#">a2 </a> </div>
#div1 a{color:black;}
#div1 a:hover{color:red}

3:想用哪里用哪里
<a href="#" class="aClass">1 </a>
.aClass{color:black}
.aClass:hover{color:red}

建议用这种方法比较实在

[jawettren]

用样式吧.
1:全局的
a{color:balack}
a:hover{color:red;}

2:容器里的
<div id="div1"><a href="#">a1</a><a href="#">a2</a></div>
#div1 a{color:black;}
#div1 a:hover{color:red}

3:想用哪里用哪里
<a href="#" class="aClass">1</a>
.aClass{color:black}
.aClass:hover{color:red}

[阿非]

把this 传递过去

[阿非]

或者 根据event 对象获取

[mail_ylei]

<script type="text/javascript">
        function mouseOver(a)
        {
            var a = document.getElementById(a.id);
            a.style.color="#002200";
        }
    </script>

  <a id="a1" href="#" onmouseover="javascript:mouseOver(this)"  >链接1</a><br />

[阿彪兄]

引用 4 楼 mail_ylei 的回复:

C# code<script type="text/javascript">
function mouseOver(a)
{var a= document.getElementById(a.id);
a.style.color="#002200";
}</script><a id="a1" href="#" onmouseov?-

一般都是通过this来做到的,this表示的是对象/标签所表示的HTML元素本身