隨筆-6  評論-6  文章-2  trackbacks-0


          如果table中沒有指定css,可以通過直接改變tr的bgColor來實現;
          <script language="JavaScript">
          function trSelect(){
             if (event.srcElement.tagName=='TD'){
                for(i=0;i<nsDataGridTable.rows.length;i++){
                   nsDataGridTable.rows[i].bgColor='';
                }
                event.srcElement.parentElement.bgColor='red';
             }
          }

          </script>


          <div onmousedown="trSelect()">       

          <table id="nsDataGridTable" onmousedown="trSelect()">        
             <tr><td>111111</td><td>111111</td></tr>
             <tr><td>222222</td><td>222222</td></tr>
             <tr><td>333333</td><td>333333</td></tr>
          </table>

          </div>



          如果table中指定了css,直接改變tr的bgColor不能生效,要改變className;
          <script language="JavaScript">
          function trSelectChangeCss(){
           if (event.srcElement.tagName=='A'){
            for(i=0;i<nsDataGridTable.rows.length;i++){
                   nsDataGridTable.rows[i].className=((i%2==1)?'odd':'even')
            }
           event.srcElement.parentElement.parentElement.className='select';
           }
          }
          </script>

          <style>
          tr.odd {
            background-color: #fff;
          }
          tr.even {
            background-color: #F2F2F2
          }
          tr.select {
            background-color: #F4F2D7;
          }
          </style>


          <div onmousedown="trSelectChangeCss()">       

          <table id="nsDataGridTable" >        
             <tr class="odd"><td>111111</td><td><a href="#">111111</a></td></tr>
             <tr class="even"><td>222222</td><td><a href="#">222222</a></td></tr>
             <tr class="odd"><td>333333</td><td><a href="#">333333</a></td></tr>
          </table>

          </div>

          posted on 2005-07-05 15:23 gaich 閱讀(3625) 評論(1)  編輯  收藏 所屬分類: Web頁面

          評論:
          # 特別推薦 2009-05-28 01:37 | 肖海
          環境,開會,   回復  更多評論
            

          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 天祝| 蛟河市| 姜堰市| 鹤庆县| 锦州市| 邹城市| 桓仁| 资溪县| 旺苍县| 云南省| 和静县| 浮梁县| 黄龙县| 于田县| 河津市| 浙江省| 清远市| 玉山县| 田阳县| 铅山县| 图木舒克市| 安西县| 芒康县| 洞口县| 茌平县| 广南县| 荣成市| 南丰县| 万盛区| 垦利县| 祁连县| 甘泉县| 霸州市| 宁远县| 亳州市| 通城县| 炉霍县| 阿巴嘎旗| 菏泽市| 永定县| 洛川县|