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

时间： 2024-10-16 22:05:19

html 高亮显示表格当前行的相关文章

删除表格当前行

删除表格当前行,表格每一行有单独的删除,点击弹出按钮窗口.解决问题要点是用委托写法保存点击事件. 部分代码 //删除当前行 document.addEventListener('click',function(evt){ if(!evt.target.matches("input.bt_in_td3[type='button']")) {return} var tr=evt.target.parentNode.parentNode.parentNode; var deltwindow=

jquery 删除表格当前行

参考链接:http://www.jb51.net/article/94113.htm //删除当前行function deleteTr(nowTr){ //多一个parent就代表向前一个标签, // 本删除范围为<td><tr>两个标签,即向前两个parent //如果多一个parent就会删除整个table $(nowTr).parent().parent().remove();} 原文地址:https://www.cnblogs.com/kongnengjing/p/8794

使用DOM操作(不使用css的:hover的方法)实现鼠标移入表格当前行的背景颜色改变

1 <body> 2 <ul id="list"> 3 <li>11</li> 4 <li></li> 5 <li></li> 6 <li></li> 7 <li></li> 8 <li></li> 9 <li></li> 10 <li></li> 11 <li id

基于Bootstrap使用jQuery实现简单可编辑表格

editTable.js 提供编辑表格当前行.添加一行.删除当前行的操作,其中可以设置参数,如: operatePos 用于设置放置操作的列,从0开始,-1表示以最后一列作为放置操作的列:(这里的操作包括编辑当前行.在当前行下添加一行.删除当前行) handleFirst 设置表格的第一行是否作为操作的对象,true为真,false为假: edit.save.cancel.add.confirm.del 分别设置显示操作的操作名,默认显示"编辑"."保存".&qu

DOM高级

表格应用获取 tBodies, tHead, tFoot, rows, cells 隔行变色鼠标移入高亮, 添加,删除一行 DOM的方法使用 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3

PHP菜鸟学习历程-6

[闭包案例] 1 闭包创建数组 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>17-闭包-数组</title> 6 <script type="text/javascript"> 7 var num=new Array(); 8 9 for(var i

文本行遍历获取数据

Jquery获取当前行的数据取表格当前行数据js代码: Java代码 $(function() { $(".myclass").each(function(){ var tmp=$(this).children().eq(3); var btn=tmp.children(); btn.bind("click",function(){ var id=btn.parent().parent().children("td").get(0).inner

时空表单函数名称

函数名称:CloseBill 类型:bill 中文类型:平台函数中文名称:关闭表单格式:CloseBill() 说明:相当于单据类的exitbill 函数名称:DelBill 类型:bill 中文类型:平台函数中文名称:将beactive字段设置为'否' 格式:DelBill() 说明:根据表单中DsMain的设置得到相应的sql语句并执行 update 主表 set beactive='否' where 主键 = '主数据集主键字段的值' 函数名称:AddBill 类型:bill

Asp.net--GridView控件--（1）高亮显示当前所在行，（2）高亮显示单击行，（3）绑定数据库数据，（4）分页，（5）导出到excel表格，（6）首列插入序号

//本页代码中的DB类及方法在http://www.cnblogs.com/Deerjiadelu/p/7252769.html中能查询到 (1)Asp.net--GridView控件--高亮显示当前所在行 protected void gvquery_DataBound(object sender, GridViewRowEventArgs e) { //高亮显示光标所在行 if (e.Row.RowType == DataControlRowType.DataRow)//判断当前行是不是数据