div ul li当前样式问题


问题是这样子的，比如当点击<li><a href="">列表22222222</a></li>这个链接后，当前（也就是列表2）的DIV背景颜色变为#999999不知道用JS怎么控制<div class="lei"> <!--这里是列表1-->
<ul>
<li><a href="">列表11111111</a></li>
<li><a href="">列表11111111</a></li>
<li><a href="">列表11111111</a></li>
</ul>
</div><div class="lei"> <!--这里是列表2-->
<ul>
<li><a href="">列表22222222</a></li>
<li><a href="">列表22222222</a></li>
<li><a href="">列表22222222</a></li>
</ul>
</div><div class="lei"> <!--这里是列表3-->
<ul>
<li><a href="">列表33333333</a></li>
<li><a href="">列表33333333</a></li>
<li><a href="">列表33333333</a></li>
</ul>
</div>

解决方案 »

  1.   

    <div id="div2" class="lei"> <!--这里是列表2-->
    <ul>
    <li><a href="" onclick="s2()">列表22222222</a></li>
    <li><a href="">列表22222222</a></li>
    <li><a href="">列表22222222</a></li>
    </ul>
    </div>
    <style>
    .css2{ background-color:#006666}
    </style>
    <script>
    div2.className="css2"
    </script>
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <style>
      .lei{
      
      }
      .black{
      background-color:#000;
      }
      </style>
      <script>
      function change(obj){
    obj.parentNode.parentNode.parentNode.className = 'black';
      }
      </script> </HEAD> <BODY>
    <div class="lei"> <!--这里是列表1-->
    <ul >
    <li><a href="#" onclick='change(this)'>列表11111111</a></li>
    <li><a href="#" onclick='change(this)'>列表11111111</a></li>
    <li><a href="#" onclick='change(this)'>列表11111111</a></li>
    </ul>
    </div><div class="lei"> <!--这里是列表2-->
    <ul>
    <li><a href="#" onclick='change(this)'>列表22222222</a></li>
    <li><a href="#" onclick='change(this)'>列表22222222</a></li>
    <li><a href="#" onclick='change(this)'>列表22222222</a></li>
    </ul>
    </div><div class="lei"> <!--这里是列表3-->
    <ul>
    <li><a href="#" onclick='change(this)'>列表33333333</a></li>
    <li><a href="#" onclick='change(this)'>列表33333333</a></li>
    <li><a href="#" onclick='change(this)'>列表33333333</a></li>
    </ul>
    </div>
     </BODY>
    </HTML>
      

  3.   

    .lei ui a:hover
    {
    color=#FF0000;
    }
      

  4.   

    .lei ul a:hover 
    { 
    color=#FF0000; 
    }
      

  5.   

    .lei ul a:hover 
    { 
    color=#FF0000; 
    }
    .lei ul a:after
    { 
    color=#FF0000; 
    }