请问JavaScript 链接字体问题

Question

<a href='#' style="color:'red';" onclick='change()'>11111</a>
<a href='#' style="color:'red';" onclick='change()'>22222</a>
<a href='#' style="color:'red';" onclick='change()'>33333</a>
<a href='#' style="color:'red';" onclick='change()'>44444</a>
<a href='#' style="color:'red';" onclick='change()'>55555</a>
<script>
  function change(obj){
    links = document.getElementsByTagName('a');
    for(var i=0;i<links.length;i++){
      if(links[i].style.color == 'green'){
         links[i].style.color = 'red';
      }
    }
    event.srcElement.style.color = 'green';
  }
</script>

Answer 1

方法没有参数~重发
<a href='#' style="color:'red';" onclick='change()'>11111</a>
<a href='#' style="color:'red';" onclick='change()'>22222</a>
<a href='#' style="color:'red';" onclick='change()'>33333</a>
<a href='#' style="color:'red';" onclick='change()'>44444</a>
<a href='#' style="color:'red';" onclick='change()'>55555</a>
<script>
  function change(){
     links = document.getElementsByTagName('a');
     for(var i=0;i<links.length;i++){
       if(links[i].style.color == 'green'){
         links[i].style.color = 'red';
       }
     }
     event.srcElement.style.color = 'green';
  }
</script>

Answer 2

还可以用css实现，简单一些：
<style type='text/css'>
<!--
  a{color:#FF0000}
  a:active{color:#00FF00;}
-->
</style>
<a href='#'>11111</a>
<a href='#'>22222</a>
<a href='#'>33333</a>
<a href='#'>44444</a>
<a href='#'>55555</a>

Answer 3

跟楼上的学了一招，赞同使用CSS