超链接初始化，并跟据点击变换颜色问题

Question

这是代码,我想一进页面“收入指标”的链接颜色就是红色，其余两个为绿色，然后当点“业务指标时”它的链接色变红色。收入指标颜色还原成绿色，业务量，也为绿色。
当点业务量时它的链接色变红色“业务指标和收入指标都为绿色”在原有代码基础上该如何做呢？帮帮忙谢了
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
      <td width="22%" align="left" scope="col"> <div align="center"> <a href="#" onclick="jrsd()">收入指标 </a> </div> </td> 
      <td width="26%" align="left" scope="col"> <div align="center"> <a href="#" onclick="jrsd2()">业务发展 </a> </div> </td> 
      <td width="26%" align="left" scope="col"> <div align="center"> <a href="#" onclick="jrsd3()">业务量 < <%=万元>/a> </div> </td> 
      <td width="26%" align="left" scope="col"> <div align="center"> <a> <div id="显示单位" align="right"> </div> </a> </div> </td> 
    </tr> 
  </table> 
  
  <script language="javascript"> 
function jrsd(){ 
jrsd1_name.location.href="jrsd1.jsp"; 
document.getElementById("显示单位").innerText="(万元)"; 
} 
    function jrsd2(){ 
jrsd1_name.location.href="jrsd2.jsp"; 
document.getElementById("显示单位").innerText="(万户)"; 
} 
    function jrsd3(){ 
jrsd1_name.location.href="jrsd3.jsp"; 
document.getElementById("显示单位").innerText=""; 
} 
  </script>

Answer 1

这个效果jQuery比较容易实现，js应该也能实现

Answer 2

document.getElementById("").className=" "//自己定义样式 <a href="#" onclick="jrsd()"  id="j1" style="color: red;">收入指标 </a>
<a href="#" onclick="jrsd2()"  id="j2" style="color: green;">业务发展 </a>
<a href="#" onclick="jrsd3()" id="j3" style="color: green;">业务量 </a>

Answer 3

使用js控制样式即可：
（注意，你的代码在我这里由于环境问题有些地方报错，所以我注释了几行，你打开即可）：
    <tr>
      <td width="22%" align="left" scope="col"> <div align="center"> <a href="#" name="linkColor" onclick="jrsd()" style="color:red">收入指标 </a> </div> </td>
      <td width="26%" align="left" scope="col"> <div align="center"> <a href="#" name="linkColor" onclick="jrsd2()" style="color:green">业务发展 </a> </div> </td>
      <td width="26%" align="left" scope="col"> <div align="center"> <a href="#" name="linkColor" onclick="jrsd3()" style="color:green">业务量</a> </div> </td>
      <td width="26%" align="left" scope="col"> <div align="center"> <a> <div id="显示单位" align="right"> </div> </a> </div> </td>
    </tr>
  </table>
 
  <script language="javascript">
function jrsd(){
//jrsd1_name.location.href="jrsd1.jsp";
document.getElementById("显示单位").innerText="(万元)";
changeColor();
}
    function jrsd2(){
//jrsd1_name.location.href="jrsd2.jsp";
document.getElementById("显示单位").innerText="(万户)";
changeColor();
}
    function jrsd3(){
//jrsd1_name.location.href="jrsd3.jsp";
document.getElementById("显示单位").innerText="";
changeColor();
}function changeColor(){
    var links=document.getElementsByName("linkColor");
    for(var i=0; i<links.length;i++){
       links[i].style.color='green';
    }
    event.srcElement.style.color="red";
}
  </script>