css

<script language="javascript">
document.onreadystatechange=function()     //当页面状态改变时执行函数
{
 if(document.readyState == "complete")         //当页面加载状态为完成时执行条件内容

 { 
  var li = document.getElementsByTagName("li");  //获取页面所有li节点
  for(var i=0;i<li.length;i++)                                     //循环li节点
  {
   li[i].onclick=function(){                                         //为循环的li节点绑定 onclick事件
    for(var j=0;j<li.length;j++)
    {
     li[j].style.backgroundColor="#FFF";                  //将所有li背景颜色修改
     this.style.backgroundColor="#C0F";                //将当前点击的li背景颜色修改
    }
   }
  }
 }
}
</script>
<ul>
 <li>測試1</li>
 <li>測試2</li>

 <li>測試3</li>
 <li>測試4</li>

 <li>測試5</li>
 <li>測試6</li>
</ul>

转载于:https://www.cnblogs.com/duanxz/archive/2012/06/14/2549248.html