如何实现高亮当前选择


<style>
.red a{color:red}
</style> 
<div id="left"> 
  <ul> 
    <li id="01"> <a href="xxx/xxx/01.html" target="_self">title1 </a> </li> 
    <li id="02"> <a href="xxx/xxx/02.html" target="_self">title2 </a> </li> 
    <li id="03"> <a href="xxx/xxx/03.html" target="_self">title3 </a> </li> 
    <li id="04"> <a href="xxx/xxx/04.html" target="_self">title4 </a> </li> 
  </ul> 
</div> 
<div id="right">显示对应内容 </div>
<script language="javascript">
<!--
onload=function(){
var sa=location.href.split("/")
var str=sa[sa.length-1]
var obj=document.getElementById("left").getElementsByTagName("li"),j=obj.length
for (var i=0;i<j;i++)
if (str.indexOf(obj[i].id)!=-1)obj[i].className="red"
else obj[i].className=""
}
//-->
</script>