随笔-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 阅读(3587) 评论(1)  编辑  收藏 所属分类: Web页面

评论:
# 特别推荐 2009-05-28 01:37 | 肖海
环境,开会,   回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航: