js获取table中鼠标点的行号和内容

最新推荐文章于 2024-09-04 20:18:34 发布
最新推荐文章于 2024-09-04 20:18:34 发布
阅读量1.5k 收藏
点赞数
文章标签： table javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ponky/article/details/6178091
版权

  1. <html>   
  2. <head>   
  3. <script language="javascript">   
  4. function doclick()   
  5. {   
  6. var td = event.srcElement; // 通过event.srcElement 获取激活事件的对象 td   
  7.   
  8. alert("行号：" + (td.parentElement.rowIndex + 1) + "，内容：" + td.innerText);   
  9. var tab = document.getElementById("test") ;  
  10.  //表格行数  
  11.  var rows = tab.rows.length ;  
  12. //表格列数  
  13. var cells = tab.rows.item(0).cells.length ;  
  14. alert("行数"+rows+"列数"+cells);  
  15. }   
  16. </script>   
  17. </head>   
  18. <body>   
  19. <table id="test" οnclick="doclick()">   
  20. <tr>   
  21. <td>   
  22. 9:00   
  23. </td>   
  24. <td>   
  25. 10:00   
  26. </td>   
  27. </tr>   
  28. <tr>   
  29. <td>   
  30. 11:00   
  31. </td>   
  32. <td>   
  33. 12:00   
  34. </td>   
  35. </tr>   
  36. </table>   
  37. </body>   
  38. </html> 

ponky
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
鼠标点击表格，得到在table第几行第几列
heikerx的博客
07-19 861
鼠标点击，得到在table第几行第几列 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title>wellcome to my website</title> <script type="text/javascript" src="https://s3.pstatp.com
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
10-27
最后，作者展示了如何利用这些行号和列号在业务处理中获取表格中特定位置的值。在示例中，作者通过点击弹出框的“确定”按钮来触发获取ID值的操作。使用jQuery选择器`$('#users').find('tr:eq('+trNum+')').find('td...
jQuery实现获取table中鼠标click点击位置行号与列号的方法
10-19
主要介绍了jQuery实现获取table中鼠标click点击位置行号与列号的方法,涉及jQuery事件响应及针对table表格元素相关操作技巧,需要的朋友可以参考下
【HTML】js Table单击事件，获取表格行和列及单元格数值的方法
德仔
09-29 8903
【代码】[HTML]js Table单击事件，获取表格行和列及单元格数值的方法。
js中获取 table节点各tr及td的内容方法
maozhuxigood
10-12 4220
&lt;table id="tb1" width="200" border="1" cellpadding="4" cellspacing="0"&gt; &lt;tr&gt; &lt;td height="25"&gt;第一行&lt;/td&gt; &l
Jquery获得鼠标在Table上的行号列号，以及值
07-13
在网页开发中，jQuery是一个非常流行的JavaScript库，它极大地简化了DOM操作、事件处理和动画效果。当涉及到表格（Table）交互，特别是需要获取用户在表格上点击时的行号、列号以及该位置的数据时，jQuery提供了一些...
javascript 移动鼠标得到单元格所在table表中的rowIndex位置[兼容ie,firefox] <font color=red>原创</font>
10-29
总结来说，本文通过具体的代码示例和详细解释，介绍了在IE和Firefox浏览器中使用JavaScript获取鼠标事件中单元格位置的方法。通过条件判断来兼容不同浏览器的事件属性差异，并着重强调了在Web开发中遵循标准的重要性...
js处理表格对table进行修饰
10-25
接着，在JavaScript中，获取表格（table）的DOM节点，然后遍历所有行（rows），通过模运算（%）判断行号，奇数行添加`.one`类，偶数行添加`.two`类。最后，将`trcolor`函数绑定到`window.onload`事件，确保在页面...
JS 获取鼠标所点击表格中的某行某列的值
weixin_34119545的博客
12-03 2611
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="js/laydate-v1.1/laydate/laydate.js"></script> <script type="text/javascr...
js获取table行数:js获取table中鼠标点的...
My Heart Will Go On
12-26 3621
function doclick() { var td = event.srcelement; // 通过event.srcelement 获取激活事件的对象 td alert("行号：" + (td.parentelement.rowindex + 1) + "，内容：" + td.innertext); var tab = document.getelementbyid("test")
JS - 获取所点击的table行内容
技术共享，共同进步！
01-14 6786
获取所点击的table行内容
获取table当前所在行
热门推荐
framic的博客
09-23 1万+
function clicke(x){ //获取当前所在行数 alert(x.parentNode.parentNode.rowIndex); //需要引入jquery才能获取当前行对应的值 // var id=$(x).parent().find(".first").val(); //alert(id) }
JTable中怎样获取鼠标所在位置的行数
yangbc的专栏
05-02 3882
table=new JTable(cells,columnNames);table.addMouseListener(new java.awt.event.MouseAdapter()             {                 public void mouseClicked(java.awt.event.MouseEvent e)                 {      
JTable相应鼠标事件，并获取被点击相应行的所有值
tpkAaron的博客
03-07 4702
关键代码：   JTable.addMouseListener(new MouseAdapter(){   @Override   public void mouseClicked(MouseEvent arg0) {    // TODO Auto-generated method stub    if(arg0.getClickCount()==2){     int row=
【基础】Three.js加载纹理贴图、加载外部gltf格式文件
stay hungry, stay foolish
09-02 1404
.gltf（JSON文件）: 描述模型的主要结构，包括几何体、材质、动画、场景等。.bin（二进制文件）: 存储顶点数据、法线、UV坐标等二进制数据。纹理（.png, .jpg）: 存储模型使用的纹理贴图。。
JS都有哪些操作数组的方法
最新发布
ggq53219的博客
09-04 438
JavaScript 中操作数组的方法非常丰富，这些方法大致可以分为几类：创建和初始化数组、添加元素、删除元素、遍历数组、搜索元素、数组排序、数组映射和过滤等。
那python如何在sparse matrix中获取非零的行号和列好呢
03-21
可以使用scipy.sparse库中的find函数来获取非零元素的行号和列号，示例代码如下： import scipy.sparse as sp # 创建一个稀疏矩阵 mat = sp.csr_matrix([[0, 0, 1], [2, 0, 0], [0, 3, 0]]) # 获取非零元素的行号...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值