如何改变li的样式

复制代码 <li class="focus"><a href="#">首页</a></li>         <li><a href="#">教育培训</a> </li>         <li><a href="#">企业服务</a> </li>         <li><a href="#">形象空间</a> </li>         <li><a href="#">关于柯莱美</a> </li>

我想实现的是,当我点击首页的时候,首页的class="fous",当我点击的教育培训的时候class="fous".
求高手帮忙解决,跪谢

你可以从其他的网站上扒代码

<ul id="nav">
  <li class="focus"><a href="#" onclick="change(0)">首页</a></li>
  <li><a href="#" onclick="change(1)">教育培训</a> </li>
  <li><a href="#" onclick="change(2)">企业服务</a> </li>
  <li><a href="#" onclick="change(3)">形象空间</a> </li>
  <li><a href="#" onclick="change(4)">关于柯莱美</a> </li>
</ul>

function change(num){
var ul = document.getElementById('nav');
  for(var i = 0;i<=4;i++){
      if(i==num){
          ul.getElementsByTagName('li').className = 'focus';
      }else{
          ul.getElementsByTagName('li').className = '';
      }
  }        
}

ul.getElementsByTagName('li').className = 'focus';
粘贴过来时没有了。。补上。。

KAO

UBB标签把[ i ]搞没了。。