html tr 双击事件,js双击table中的行得到行内信息的方法

企业云端金融顾问

于 2021-06-05 12:51:56 发布

阅读量1k

点赞数

文章标签： html tr 双击事件

该博客介绍了一个使用JavaScript实现的功能，当用户点击HTML表格的行时，会弹出一个警告框显示该行的编号、姓名、性别和年龄信息。通过设置单元格ID、定义点击事件处理函数及在HTML中绑定onclick事件来实现这一交互。示例代码展示了如何操作，并提供了测试HTML文件供读者尝试效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

要实现这个功能，需要做到以下三点：

1、要给返回值的单元格设置id属性(即指定对象名，以便JS调用)

2、定义一个函数，用于单击里调用这个函数。

3、在

标签中指定单击事件onclick调用2定义的函数。

代码如下：

复制代码代码示例:

js双击table中的行得到行内信息-www.jquerycn.cn

function clickTR(n)

{

var a=document.getElementById("td"+n+"1").innerText;

var b=document.getElementById("td"+n+"2").innerText;

var c=document.getElementById("td"+n+"3").innerText;

var d=document.getElementById("td"+n+"4").innerText;

alert("编号："+a+"\n姓名："+b+"\n性别："+c+"\n年龄："+d);

}

把以上代码保存为test.html，然后双击浏览，点点里面的table中的行，看看效果如何呢？！