本人js初学者，求教如何在js中通过函数调用改变超链接颜色

本人js初学者，求教如何在js中通过函数调用鼠标点击改变超链接颜色以及去掉下划线，请详细解释下。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



点击超链接后的颜色 a {color:red;text-decoration: blink;} .active {color:blue;} window.onload=function(){ var as = document.getElementsByTagName('a'),len=as.length; for(var i=0;i<len;i++){ as[i].onclick=function(){ for(var j=0;j<len;j++){ if(as[j].className=='active'){ as[j].className = ''; break; } } return this.className = 'active'; } } }


1
2
3
4



 上面给你举个例子，你看一下

*其他方法：
改变当前颜色
1
2
3

function col(num) { for(i=1;i<6;i++) { if(i==num) document.getElementById("lable"+i).backgroudcolor=Red; else document.getElementById("lable"+i).backgroudcolor=Black; } }

那个格式有问题，我在重新发一下

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点击超链接后的颜色</title>
<style>
a {color:red;text-decoration: blink;}
.active {color:blue;}
</style>
<script>
window.onload=function(){
    var as = document.getElementsByTagName('a'),len=as.length;
    for(var i=0;i<len;i++){
        as[i].onclick=function(){
            for(var j=0;j<len;j++){
                if(as[j].className=='active'){
                    as[j].className = '';
                    break;
                }
            }
            return this.className = 'active';
        }
    }
} 
</script>
</head>
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<body>
</body>
</html>