点击一个链接怎么加个属性？

初出茅庐不太会写<div class="link">
<a href="#" target="_blank">链接1</a>
<a href="#" target="_blank">链接2</a>
<a href="#" target="_blank">链接3</a>
<a href="#" target="_blank">链接4</a>
<a href="#" target="_blank">链接5</a>
</div>当我点击（链接1）的时候 在链接（链接1）中加个样式属性 style="color:#fff; background-color:#000;"
当我点击（链接2）的时候 在链接（链接2）中加个样式属性 style="color:#fff; background-color:#000;"  清除（链接1）的属性

解决方案 »

  1.   

    <!DOCTYPE html>
    <html>
    <head>
    <script>
    var preEle;
    function setStyle(e){
    if(preEle!=null)preEle.style.color="yellow";
    e.style.color="green";
    preEle=e;
    }
    </script>
    </head>
    <body>
    <div class="link">
    <a href="#" target="_blank" onclick="setStyle(this)">链接1</a>
    <a href="#" target="_blank" onclick="setStyle(this)">链接2</a>
    <a href="#" target="_blank">链接3</a>
    <a href="#" target="_blank">链接4</a>
    <a href="#" target="_blank">链接5</a>
    </div>
    </body>
    </html>
      

  2.   

    我再加一个属性，但是点了之后这个属性没有清除，怎么再修改下，<script>
    var preEle;
    function setStyle(e){
    if(preEle!=null)preEle.style.background="";
    e.style.color="#ffffff";
    e.style.background="#41a7c6";
    preEle=e;
    }
    </script>
      

  3.   


    var preEle;
    function setStyle(e){
    if(preEle!=null)
    {
    preEle.style.color="";
    preEle.style.background="";
    }
    e.style.color="#ffffff";
    e.style.background="#41a7c6";
    preEle=e;
    }
      

  4.   


    Jquery 多好实现<!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>
    <script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
    $(function(){
    $(".link").children("a").click(function(){
    alert($(".link").children("a").length);
    $(".link").children("a").css("color","").css("background-color","");

    $(this).css("color","#000").css("background-color","red");
    });
    });
    </script>
    </head><body>
    <div class="link">
    <a href="#" >链接1</a>
    <a href="#" >链接2</a>
    <a href="#" >链接3</a>
    <a href="#" >链接4</a>
    <a href="#">链接5</a>
    </div>
    </body>
    </html>