用div做的点击后变背景色,同等的其他不变色

因为要用到这里的，所以就做了下，网上大部分是table的，不过道理是一样的，我不喜欢用table所以就不用了，但是做起来还是有不同滴，写简单点好，免得让人看了，像丈二的和尚摸不着头脑，下面是我的代码：

                <script type="text/javascript">
                      function ChangeBg(obj)
                      {
                         var Pobject=obj.parentNode;
                         var Cobj= Pobject.childNodes;    
                         var DivList=$("conList"); 
                            if(obj.className=="changeBg")      
                            {
                            obj.className="";
                            }              
                         for(var i=0;i<Cobj.length;i++)
                         {                         
                                Cobj[i].className=''
                                obj.className="changeBg";
                         }
                         
                      }
                </script>

还有HTML页面代码：

                <div class="ttbg ttFont">
                    企业信息管理</div>


                <div class="conbg connFont" id="conList">
                    <div onclick="ChangeBg(this)">
                        <a href="ViewInfo.aspx" target="main">查看基本资料</a></div>
                    <div onclick="ChangeBg(this)">
                        <a href="ModifyInfo.aspx" target="main">修改基本资料</a></div>
                    <div onclick="ChangeBg(this)">
                        <a href="ModifyDescription.aspx" target="main">企业详细介绍</a></div>
                    <div onclick="ChangeBg(this)">
                        <a href="Uploadliscense.aspx" target="main">上传营业执照</a></div>
                    <div onclick="ChangeBg(this)">
                        <a href="ModifyLogo.aspx" target="main">上传企业Logo</a></div>
                        <div onclick="ChangeBg(this)">
                        <a href="UpLoadPictures.aspx" target="main">上传企业相册</a></div>
                </div>

也给出网上的一个table的代码，做参考的：

<script   language="javascript">   
  function   chgColor(obj)   
  {   
        var   theTable   =   document.getElementById("myTable");   
        var   theTds   =   theTable.cells;   
        for(var   i=0;i<theTds.length;i++)   
        {   
            if(theTds[i]!=obj)   
              theTds[i].bgColor="white";   
            else   
              theTds[i].bgColor="#0069AD";     
        }   
  }   
  </script>   
  <table   id="myTable">   
  <tr>   
  <td   onclick="chgColor(this);"   >甲1111111111   </TD>     
  <td   onclick="chgColor(this);"   >乙2222222222   </TD>     
  <td   onclick="chgColor(this);"   >丙3333333333   </TD>     
  <td   onclick="chgColor(this);"   >丁4444444444   </TD>     
  </tr>   
  </table>   

我写的有个bug，就是在同一个页面用多次上面的HTML结构，就会出现问题，还未解决的，等待中......

转载于:https://www.cnblogs.com/Longkin/archive/2008/05/17/1201366.html