求一个脚本,点击的链接颜色大小改变,其他不变,再点击别的链接时,上一个被点的变回来

Question

求一个脚本,点击的链接颜色大小改变,其他不变,再点击别的链接时,上一个被点的变回来

Answer 1

<a href="#" onMouseOver="currentColor=this.style.backgroundColor;this.style.backgroundColor='#CFEBFE';" onMouseOut="this.style.backgroundColor=currentColor">文字</a>

Answer 2

<style>
    .active{color:blue;}
    .old {color:black;}
    ul li a {color:black;text-decoration:none;}
</style>
<ul>
<li><a href="#">111</a></li>
<li><a href="#">222</a></li>
<li><a href="#">333</a></li>
</ul>
<script>
var obj=null;
var a=document.getElementsByTagName("a");
for(var i=0;i<a.length;i++){
    a[i].onclick=function(){
        this.className="active";
        if(obj){
            obj.className="old";
        }
        obj=this;
    }
}
</script>

Answer 3

楼上正解
table的话就 var a=document.getElementsByTagName("TD"); 以此类推