js table对象 怎么移除 tr节点

发布网友

我来回答

共3个回答

热心网友

<table width="100%" id="tab">
<tr id="tr_1">
<td>行1</td>
<td><a href="#this" onclick="remove_tr(1)">点击移除</a></td>
</tr>
<tr id="tr_2">
<td>行2</td>
<td><a href="#this" onclick="remove_tr(2)">点击移除</a></td>
</tr>
<tr id="tr_3">
<td>行3</td>
<td><a href="#this" onclick="remove_tr(3)">点击移除</a></td>
</tr>
<tr id="tr_4">
<td>行4</td>
<td><a href="#this" onclick="remove_tr(4)">点击移除</a></td>
</tr>

</table>
<script type="text/javascript">
<!--
function remove_tr(index){

var tr = document.getElementById('tr_'+index);
tr.parentNode.removeChild(tr);

}

//-->
</script>追问this.remove(); 也可以 谢谢！

热心网友

<script language="javascript" type="text/javascript">
function del_tr(){
var check_obj = document.getElementsByName("myname");
var check_len = check_obj.length;
for(var i=0;i<check_len;i++){
if(check_obj.item(i).checked){
var before_obj = check_obj.item(i).parentNode.parentNode;//获取当前对象的前一级对象
before_obj.parentNode.deleteRow(before_obj.rowIndex);//选取table对象 然后执行删除
}
}
}
</script>
<table id='tables'>
<tr>
<td><input type="checkbox" name="myname"></td>
<td>第1行</td>
</tr>
<tr>
<td><input type="checkbox" name="myname"></td>
<td>第2行</td>
</tr>
<tr>
<td colspan="2"><input type="button" onclick="del_tr()" value="删除所选"></td>
</tr>
</table>

热心网友

看具体的业务逻辑：

可以在每行前面添加 勾选框，隐藏唯一 ID ,遍历表格中被勾选的框，进行删除；

2.或者每行有 输入框，下拉框，多选按钮，输入时进行操作;

还有很多，要看你的具体实现。