javascript中实现增加和删除订单的功能，若无序删除时会出错，就是删除的不是指定行，求高手指点！

functionAdd(){varaddTable=document.getElementById("order");varrow_index=addTable.rows... function Add(){
var addTable=document.getElementById("order");
var row_index=addTable.rows.length-1;
var newRow=addTable.insertRow(row_index);
var id=newRow.rowIndex;
var col1=newRow.insertCell(0);
col1.innerHTML="抗疲劳神奇钛项圈";
col1.align="center"
var col2=newRow.insertCell(1);
col2.innerHTML=id;
col2.align="center"
var col3=newRow.insertCell(2);
col3.innerHTML="￥49.00";
col3.align="center"
var col4=newRow.insertCell(3);
var s="<input type='button' id='btnDelete' value='删除' onclick='Del(\""+id+"\")'/>";
alert(s);
col4.innerHTML=s;
col4.align="center"
}
function Del(id){
alert(id);
document.getElementById("order").deleteRow(id);
}
</script>
</head>

<body>
<table width="516" border="1" id="order">
<tr class="class" >
<td width="165">商品名称</td>
<td width="80">数量</td>
<td width="90">价格</td>
<td width="153">操作</td>
</tr>
<tr class="tr">
<td>防滑真皮休闲鞋</td>
<td>12</td>
<td>￥734</td>
<td><input type="button" id="btnDelete" value="删除" onclick="Del('1')"/></td>
</tr>
<tr class="tr">
<td colspan="4"><input type="button" name="Submit" value="增加订单" onclick="Add()"/></td>
</tr>
</table>
</body>
</html> 展开

 我来答

1个回答

#热议# 在购买新能源车时，要注意哪些？

缓步莫迟疑C
2011-11-26 · TA获得超过1.1万个赞

知道大有可为答主

回答量：6217

采纳率：73%

帮助的人：6529万

我也去答题访问个人页

关注

展开全部

因为你删除一行以后,下面的行的索引都会改变,但你函数里的参数却是生成时的,这样就会错删,传递给删除函数当前行的索引,而不是你指定的id即可
把
var s="<input type='button' id='btnDelete' value='删除' onclick='Del(\""+id+"\")'/>";
改成
var s="<input type='button' id='btnDelete' value='删除' onclick='Del(this.parentNode.parentNode.rowIndex)'/>";
就可以了.

追问

请问为什么要用两个parentNode，那么返回的不就是一个table对象了吗？谢谢

追答

this = INPUT
this.parentNode = TD
this.parentNode.parentNode = TR
this.parentNode.parentNode.rowIndex = TR.rowIndex

本回答由提问者推荐

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

javascript中实现增加和删除订单的功能，若无序删除时会出错，就是删除的不是指定行，求高手指点！

为你推荐：