像表格格式Div列表，单击一行后，如何取得第一行第一列ID的值并使该行底色变成红色，见内容说明。

function chk_ondbl(id){ 
    if(document.getElementById(id).className=="sty1" )
      {
        document.getElementById(id).className="sty2" ;
      }
    else
      {
        document.getElementById(id).className="sty1" ;
      }
}

解决方案 »

  1.   

    <style>
    .sty1 {background:#fff;}
    .sty2 {background:#000;}
    <style>
    <div class=item1 onclick="chk_ondbl(item1);">
      

  2.   

    class=item1中的item1可以当成getElementById(id)的id？
      

  3.   

    <body>
    <style type="text/css">
    <!--
    .redbg
    {
    background-color:red;
    }
    -->
    </style>
    <div class=listbiaot>
    <div class=listbiaot11>ID值</div>
    <div class=listbiaot11>昵称</div>
    <div class=listbiaot12>性别</div>
    <div class=listbiaot13>岗位</div>
    <div class=listbiaot14>公司名称</div>
    </div><div class=item1>
    <div class=listbiaotzw0>001</div>
    <div class=listbiaotzw1>天天向上</div>
    <div class=listbiaotzw2>男</div>
    <div class=listbiaotzw3>销售</div>
    <div class=listbiaotzw4>山东海运有限公司</div>
    </div><div class=item0>
    <div class=listbiaotzw0>002</div>
    <div class=listbiaotzw1>一一二二</div>
    <div class=listbiaotzw2>女</div>
    <div class=listbiaotzw3>库存</div>
    <div class=listbiaotzw4>湖南海运有限公司</div>
    </div><script type="text/javascript">
    document.onclick=function()
    {
    if(/listbiaotzw\d+/i.test(event.srcElement.className.toString()))
    {
    var tempObj=event.srcElement.parentNode;
    tempObj.className="redbg";
    alert(tempObj.firstChild.innerHTML);
    }
    }
    </script>
    </body>
      

  4.   

    在楼上代码的基础上改下
    <body>
    <style type="text/css">
    <!--
    .redbg
    {
    background-color:red;
    }
    -->
    </style>
    <div class=listbiaot onclick="this.className='redbg';alert(this.childNodes[0].innerHTML)">
    <div class=listbiaot11>ID值</div>
    <div class=listbiaot11>昵称</div>
    <div class=listbiaot12>性别</div>
    <div class=listbiaot13>岗位</div>
    <div class=listbiaot14>公司名称</div>
    </div><div class=item1 onclick="this.className='redbg';alert(this.childNodes[0].innerHTML)">
    <div class=listbiaotzw0>001</div>
    <div class=listbiaotzw1>天天向上</div>
    <div class=listbiaotzw2>男</div>
    <div class=listbiaotzw3>销售</div>
    <div class=listbiaotzw4>山东海运有限公司</div>
    </div><div class=item0 onclick="this.className='redbg';alert(this.childNodes[0].innerHTML)">
    <div class=listbiaotzw0>002</div>
    <div class=listbiaotzw1>一一二二</div>
    <div class=listbiaotzw2>女</div>
    <div class=listbiaotzw3>库存</div>
    <div class=listbiaotzw4>湖南海运有限公司</div>
    </div>
    </body>
      

  5.   

    参考：http://community.csdn.net/Expert/topic/4568/4568524.xml?temp=.5082514
      

  6.   

    <body>
    <div class=listbiaot onclick="this.style['background']='#FF0000';alert(this.childNodes[0].innerHTML)">
    <div class=listbiaot11>ID值</div>
    <div class=listbiaot11>昵称</div>
    <div class=listbiaot12>性别</div>
    <div class=listbiaot13>岗位</div>
    <div class=listbiaot14>公司名称</div>
    </div><div class=item1 onclick="this.style['background']='#FF0000';alert(this.childNodes[0].innerHTML)">
    <div class=listbiaotzw0>001</div>
    <div class=listbiaotzw1>天天向上</div>
    <div class=listbiaotzw2>男</div>
    <div class=listbiaotzw3>销售</div>
    <div class=listbiaotzw4>山东海运有限公司</div>
    </div><div class=item0 onclick="this.style['background']='#FF0000';alert(this.childNodes[0].innerHTML)">
    <div class=listbiaotzw0>002</div>
    <div class=listbiaotzw1>一一二二</div>
    <div class=listbiaotzw2>女</div>
    <div class=listbiaotzw3>库存</div>
    <div class=listbiaotzw4>湖南海运有限公司</div>
    </div>
    </body>
      

  7.   

    <div id="item1" class=item1>
    <div id="item2" class=listbiaotzw0>001</div>
    <div id="item3" class=listbiaotzw1>天天向上</div>
    ......