html 高亮显示表格当前行【转】

最新推荐文章于 2021-06-17 14:36:48 发布

weixin_30781775

最新推荐文章于 2021-06-17 14:36:48 发布

阅读量186

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/whatlonelytear/p/5134480.html

版权

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

转载于:https://www.cnblogs.com/whatlonelytear/p/5134480.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30781775

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html 高亮显示表格当前行【转】

html在线模拟网:http://www.w3school.com.cn/tiy/t.asp?f=html_basic高亮显示表格当前行<html> <head> <title>高亮显示表格当前行</title> <script language="JavaScript">function trSele...
复制链接

扫一扫