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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用js删除表格一行或者多行相关的知识,希望对你有一定的参考价值。

需要准备的材料分别有:电脑、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删除了。

参考技术A

需要准备的材料分别有:电脑、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删除了。

参考技术B 可以使用table对象的deleteRow方法

【示例代码】
function delRow()
// tableObject.deleteRow(index)
document.getElementById('tableId').deleteRow(0);

【说明】
deleteRow() 方法用于从表格删除指定位置的行。
参数 index 指定了要删除的行在表中的位置。行的编码顺序就是他们在文档源代码中出现的顺序。<thead> 和 <tfoot> 中的行与表中其它行一起编码。本回答被提问者采纳

以上是关于如何用js删除表格一行或者多行的主要内容,如果未能解决你的问题,请参考以下文章

一个radio在一行表格中。如何用JQuery,JS选择了radio后,获取那一行的属性。并在页面删除那一行

如何快速批量将多行的内容,变成一行?

如何用sql语句将多行合并成一行

如何用Kettle删除数据库中的某个表

如何删除表格视图中的多行? [复制]

如何用jquery实现动态删除表格行