JS如何为动态生成的表格添加事件?
我动态生成一个表格，然后我要怎样才可以给每个tr加上一个ondblclick的双击事件，和相应的行数？//得到表格对象;vartab=document.all.table...
我动态生成一个表格，然后我要怎样才可以给每个tr加上一个ondblclick的双击事件，和相应的行数？
//得到表格对象;
var tab=document.all.tableId;
tab.setAttribute("align","center");
tab.setAttribute("ondblclick","getShowGoods()"); //这样添加没有用!.
该怎么写啊？ 有谁能告诉我啊...
//添加1行：
var tr=tab.insertRow();
//添加2列;
var td1=tr.insertCell();
var td2=tr.insertCell(); 展开
//得到表格对象;
var tab=document.all.tableId;
tab.setAttribute("align","center");
tab.setAttribute("ondblclick","getShowGoods()"); //这样添加没有用!.
该怎么写啊？ 有谁能告诉我啊...
//添加1行：
var tr=tab.insertRow();
//添加2列;
var td1=tr.insertCell();
var td2=tr.insertCell(); 展开
2个回答
展开全部
<html>
<head>
<title>Untitled Document</title>
<script>
function addRow()
{
var table = document.getElementById("t");
var tr = table.insertRow();
var td1 = tr.insertCell();
var input1 = document.createElement("input");
input1.name = "a";
input1.value = "a";
td1.appendChild(input1);
var td2 = tr.insertCell();
var input2 = document.createElement("input");
input2.name = "b";
input2.value = "b";
td2.appendChild(input2);
var td3 = tr.insertCell();
var input3 = document.createElement("input");
input3.name = "c";
input3.value = "c";
td3.appendChild(input3);
tr.ondblclick = function()
{
tr.parentNode.removeChild(tr);
}
}
</script>
</head>
<body>
<table id="t" border="1">
</table><br>
<input type="button" value="addRow" onclick="addRow();"/>
</body>
</html>
给你参考下
<head>
<title>Untitled Document</title>
<script>
function addRow()
{
var table = document.getElementById("t");
var tr = table.insertRow();
var td1 = tr.insertCell();
var input1 = document.createElement("input");
input1.name = "a";
input1.value = "a";
td1.appendChild(input1);
var td2 = tr.insertCell();
var input2 = document.createElement("input");
input2.name = "b";
input2.value = "b";
td2.appendChild(input2);
var td3 = tr.insertCell();
var input3 = document.createElement("input");
input3.name = "c";
input3.value = "c";
td3.appendChild(input3);
tr.ondblclick = function()
{
tr.parentNode.removeChild(tr);
}
}
</script>
</head>
<body>
<table id="t" border="1">
</table><br>
<input type="button" value="addRow" onclick="addRow();"/>
</body>
</html>
给你参考下
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
