js给table每个tr添加双击事件

最新推荐文章于 2023-04-01 13:06:38 发布

junshangshui

最新推荐文章于 2023-04-01 13:06:38 发布

阅读量3w

点赞数 2

分类专栏： JavaScript

本文链接：https://blog.csdn.net/junshangshui/article/details/8892378

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script type="text/javascript">
    function Test(){
        var rows=document.getElementById("table1").rows;
        if(rows.length>0){
            for(var i=1;i<rows.length;i++){
              (function(i){
                var temp=rows[i].cells[0].childNodes[1].value;
                var obj=rows[i];
                obj.οndblclick=function(){alert(temp);};
                })(i)
            }
        }
    }
    
    window.οnlοad=function(){Test();}
    </script>
</head>
<body>
    <form id="form1" runat="server">
    
    <table id="table1" border="1">
        <tr>
            <th>序号</th>
            <th>名称</th>
            <th>地址</th>
        </tr>
        <tr>
            <td>1<input id="hd1" type="hidden" value="hd1" /></td>
            <td>南大</td>
            <td>长沙市
            </td>
        </tr>
        <tr>
            <td>2<input id="hd2" type="hidden" value="hd2" /></td>
            <td>南大2</td>
            <td>长沙市2
            </td>
        </tr>
    </table>
    
    </form>
</body>
</html>

junshangshui

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
2
评论
js给table每个tr添加双击事件

无标题页 function Test(){ var rows=document.getElementById("table1").rows; if(rows.length>0){ for(var i=1;i<rows.length;i++){ (function(i){
复制链接

扫一扫