BlogJava-gaich-随笔分类-Web页面http://www.blogjava.net/gaich/category/1990.htmlzh-cnFri, 02 Mar 2007 03:21:18 GMTFri, 02 Mar 2007 03:21:18 GMT60高亮显示Table中选择的TR或TDhttp://www.blogjava.net/gaich/archive/2005/07/05/7141.htmlgaichgaichTue, 05 Jul 2005 07:23:00 GMThttp://www.blogjava.net/gaich/archive/2005/07/05/7141.htmlhttp://www.blogjava.net/gaich/comments/7141.htmlhttp://www.blogjava.net/gaich/archive/2005/07/05/7141.html#Feedback0http://www.blogjava.net/gaich/comments/commentRss/7141.htmlhttp://www.blogjava.net/gaich/services/trackbacks/7141.html
如果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>



gaich 2005-07-05 15:23 发表评论
]]>