js改变css样式的示例代码

<style>
.a
{
background-color:#000000;
}
.b
{
background-color:#ffffff;
}
</style>

<ul>
<li id="aaa1"  onclick="setClassName(this,'a')"> <a href="#">aaaa</a> </li>
<li id="aaa2"  onclick="setClassName(this,'a')"> <a href="#">bbbbb</a> </li>
<li id="aaa3"  onclick="setClassName(this,'a')"> <a href="#">ccccc </a></li>
<li id="aaa4"  onclick="setClassName(this,'a')"> <a href="#">ddddd </a></li>
</ul>

<script language="javascript">
function setClassName(obj,style)  
{
   for(var i=1;i<5;i++)
   {
      var dx=eval('document.getElementById("aaa'+i+'")');
   if(dx==obj)
   {
      dx.className=style; //改变css样式，为classname赋值
   }
   else
   {
      dx.className='b'; //或者设置为空
   }
   }
  
}
</script>