如何用js删除表格一行或者多行

JavaScript010

如何用js删除表格一行或者多行,第1张

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写基础代码。

2、在index.html中的<script>标签，输入js代码：$('table tr').eq(1).remove()$('table tr').eq(1).remove()。

3、浏览器运行index.html页面，此时发现表格的最后2行都被js删除了。

，tr.onclick=function(){this.removeNode(true)}这样就可以实现删除了，如果要把数据提交的数据库，则通过的this.cells[i]指向你需要的应用，移动也简单，用swapNode（）方法

<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>