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

最新推荐文章于 2023-04-22 17:07:09 发布

原创最新推荐文章于 2023-04-22 17:07:09 发布 · 3w 阅读

4 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

<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.ondblclick=function(){alert(temp);};
                })(i)
            }
        }
    }
    
    window.onload=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>