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

JavaScript020

如何用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>