darkness0604
darkness0604
采纳率40%
2016-12-23 23:36 浏览 1.9k

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

1

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

2条回答 默认 最新

  • 已采纳
    qq393008294 Jiansen1991 2016-12-24 00:52

    <!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; } }
    点赞 评论 复制链接分享
  • qq393008294 Jiansen1991 2016-12-24 00:51

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

     <!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>
    
    
    点赞 评论 复制链接分享

相关推荐