码迷,mamicode.com
首页 > Web开发 > 详细

html 高亮显示表格当前行

时间:2016-01-15 22:48:37      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:

html在线模拟网:http://www.w3school.com.cn/tiy/t.asp?f=html_basic

高亮显示表格当前行

<html>
 <head> 
  <title>高亮显示表格当前行</title> 
  <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> 
 </head> 
 <body> 
  <div onmousedown="trSelect()"> 
   <table id="nsDataGridTable" onmouseover="trSelect()"> 
    <tbody>
     <tr>
      <td>111111</td>
      <td>111111</td>
     </tr> 
     <tr>
      <td>222222</td>
      <td>222222</td>
     </tr> 
     <tr>
      <td>333333</td>
      <td>333333</td>
     </tr> 
    </tbody>
   </table> 
  </div>  
 </body>
</html>

 

 

参考网址:http://www.blogjava.net/gaich/archive/2005/07/05/7141.html

html 高亮显示表格当前行

标签:

原文地址:http://www.cnblogs.com/whatlonelytear/p/5134480.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!