这个问题该如何解决。
<!doctype html public "-//w3c//dtd html 4.0 transitional//en"><html>
<head>
<title> new document </title>
<meta name="generator" content="editplus">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
<script>
var i=3
var a=3
var b
function zj(){
var a=document.getElementById("table")
b=a.insertRow(i);
var td1=b.insertCell(0);
var td2=b.insertCell(1);
var td3=b.insertCell(2);
var td4=b.insertCell(3);
b.id='a'+i
td1.innerHTML="抗疲劳神奇钛项链圈";
td2.innerHTML=i;
td3.innerHTML="49.00";
td4.innerHTML="<input type='button' value='删除' onclick=sc('"+b.id+"')>";
i++;
a++;
}
function sc(id){
var a=document.getElementById("table")
var b=document.getElementById(id);
var index=b.rowIndex;
a.deleteRow(index);
}
</script>
</head>
<body>
<table id="table" border="1" bordercolor="black"cellspacing="0" cellpadding="0" width=400px style="text-align:center">
<tr>
<td>商品名称</td>
<td>数量</td>
<td>价格</td>
<td>操作</td>
</tr>
<tr id="a1">
<td>防滑真皮休闲鞋</td>
<td>12</td>
<td>568.00</td>
<td><input type="button" value="删除" onclick="sc('a1')"></td>
</tr>
<tr id="a2">
<td>抗疲劳神奇钛项链圈</td>
<td>2</td>
<td>49.00</td>
<td><input type="button" value="删除" onclick="sc('a2')"></td>
</tr>
<tr id="aa">
<td colspan="4"><input type="button" value="增加订单" onclick="zj()"></td>
</tr>
</table>
</body>
</html>
运行后点击 增加订单 后 删除 再点 增加订单 就有缺陷了。增加的订单跑到下面去了。这个问题该如何解决。