js删除指定行！！

Question

在Asp文件中，显示所有商品，每个商品信息后都有一个删除按钮，点击按钮，删除该行，用js实现，后台数据库不用管！<tr <% if r mod 2=0 then%>class="cel1"<% else %>class="cel2"<%end if%> onMouseOver="this.className='cel3';" <% if r mod 2=0 then%>onMouseOut="this.className='cel1';"<%else%>onMouseOut="this.className='cel2';"<%end if%>>
        <td align="center"><%=r %></td>
        <td><%=rs("pt_gname") %></td>
        <td><%=rs("pt_gclass") %></td>        
        <td><%=rs("pt_gstate") %></td>
        <td><%=rs("pt_gbrand") %></td>
        <td><%=rs("pt_galias") %></td>
        <td><%=rs("pt_gprice") %>.00</td>
        <td align="center"><input class="inputtext" style="width:35px" id="count" name="count" value="<%=rs("pt_gcount") %>" onchange="javascript:updatecount('<%=rs("pt_gcoding") %>')" />/场</td>
        <td align="left"><button onclick="javascript:btndel('<%=rs("pt_gcoding") %>')"><img alt="" src="/images/edit.gif" title="删除" class="imgbutton" align="absmiddle" hspace="4">删除</button></td>
</tr>

Answer 1

<button onclick="this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);btndel('<%=rs("pt_gcoding") %>')">

Answer 2

function btndel(){
   var obj = event.srcElement;
   var tr = obj.parentNode.parentNode;
   tr.removeNode(true);
}

Answer 3

这样子可以不
<table>
<tr>
<td>111</td><td>111</td><td>111</td><td><span onclick="this.parentNode.parentNode.style.display='none'">删除</span></td>
</tr>
<tr>
<td>2222</td><td>111</td><td>111</td><td><span onclick="this.parentNode.parentNode.style.display='none'">删除</span></td>
</tr>
<tr>
<td>3333</td><td>111</td><td>111</td><td><span onclick="this.parentNode.parentNode.style.display='none'">删除</span></td>
</tr>
<tr>
<td>44444</td><td>111</td><td>111</td><td><span onclick="this.parentNode.parentNode.style.display='none'">删除</span></td>
</tr>
<tr>
<td>5555</td><td>111</td><td>111</td><td><span onclick="this.parentNode.parentNode.style.display='none'">删除</span></td>
</tr>
<tr>
<td>6666</td><td>111</td><td>111</td><td><span onclick="this.parentNode.parentNode.style.display='none'">删除</span></td>
</tr>
</table>

Answer 4

.style.display='none'  改成 .removeNode(true)就移除了

Answer 5

js 删除指定的行function deleteRow(RowIndex)
{
var o=document.getElementById("tableID");
var nRow=parseInt(RowIndex,10)-1;
o.deleteRow(nRow);
}

Answer 6

你的每个td里面加上id，比方说<td id ="numid"></id>>
删除事件里直接写上var td=document.getElementById("numid");
td.ParentNode.remove(td);就可以