在JS表格中怎么删除一行(不是指定行,而是我表格中每行后面都有一个删除按钮,按其中一个按钮就删除那一行 10
展开全部
<table><tbody>
<tr><td>1111</td><td><input type="button" value="删除" onclick="del(this)" /></td></tr>
<tr><td>2222</td><td><input type="button" value="删除" onclick="del(this)" /></td></tr>
<tr><td>3333</td><td><input type="button" value="删除" onclick="del(this)" /></td></tr>
</tbody></table>
<script type="text/javascript">
function del(obj)
{
var tr=obj.parentNode.parentNode;//得到按钮[obj]的父元素[td]的父元素[tr]
tr.parentNode.removeChild(tr);//从tr的父元素[tbody]移除tr
}
</script>
<tr><td>1111</td><td><input type="button" value="删除" onclick="del(this)" /></td></tr>
<tr><td>2222</td><td><input type="button" value="删除" onclick="del(this)" /></td></tr>
<tr><td>3333</td><td><input type="button" value="删除" onclick="del(this)" /></td></tr>
</tbody></table>
<script type="text/javascript">
function del(obj)
{
var tr=obj.parentNode.parentNode;//得到按钮[obj]的父元素[td]的父元素[tr]
tr.parentNode.removeChild(tr);//从tr的父元素[tbody]移除tr
}
</script>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询