模板文件中的导航点击后变色怎么做？

<html>
<style>
a{color:black;}
</style>
<script language="JavaScript">
var currenta = null;
function clicka(a)
{
if (currenta != null)
{
currenta.style.color = "black";
}
currenta = a;
a.style.color = "red";
}
</script>
    <body>
    |<a href="#" onclick="clicka(this)"> 新闻 </a>|<a href="#" onclick="clicka(this)"> 健康 </a>|<a href="#" onclick="clicka(this)"> 人才 </a>|<a href="#" onclick="clicka(this)"> 管理 </a>|
    </body>  
</html>