删除HTML表格中的所有行

如何删除HTML表中除<th>使用Javascript 之外的所有行，并且不循环遍历表中的所有行？我有一个非常大的表，我不想在循环浏览各行以删除它们时冻结UI

将该<th>行保留在a中<thead>，将其他行保留在a中，<tbody>然后将其替换为<tbody>一个新的空白行。

即

var new_tbody = document.createElement('tbody');
populate_with_new_rows(new_tbody);
old_tbody.parentNode.replaceChild(new_tbody, old_tbody)

这将删除所有行：

$("#table_of_items tr").remove(); 

非常粗糙，但这也可以：

var Table = document.getElementById("mytable");
Table.innerHTML = "";

这是一个老问题，但是我最近也遇到了类似的问题。
我写了这段代码来解决它：

var elmtTable = document.getElementById('TABLE_ID_HERE');
var tableRows = elmtTable.getElementsByTagName('tr');
var rowCount = tableRows.length;

for (var x=rowCount-1; x>0; x--) {
   elmtTable.removeChild(tableRows[x]);
}

这将删除除第一行以外的所有行。

干杯!

注意要注意的常见错误：

如果您的起始索引为0（或某个起始索引），则正确的代码为：

var tableHeaderRowCount = 1;
var table = document.getElementById('WRITE_YOUR_HTML_TABLE_NAME_HERE');
var rowCount = table.rows.length;
for (var i = tableHeaderRowCount; i < rowCount; i++) {
    table.deleteRow(tableHeaderRowCount);
}

笔记

1. deleteRow的参数是固定的，
这是必需的，因为当我们删除一行时，行数会减少。
即 到我到达（rows.length-1）的时间，或者甚至在该行已被删除之前，所以您将遇到一些错误/异常（或无提示的异常）。

2. rowCount是在for循环开始之前进行的， 因为当我们删除“ table.rows.length”时，它会不断变化，因此又遇到了一些问题，只有奇数或偶数的行才被删除。

希望能有所帮助。

假设您只有一个表，那么您仅可以使用类型来引用它。如果您不想删除标题：

$("tbody").children().remove()

除此以外：

$("table").children().remove()

希望能帮助到你！

我需要删除所有行，除了由@strat发布的第一行和解决方案之外，但这会导致未捕获的异常（在不存在的上下文中引用Node）。以下为我工作。

var myTable = document.getElementById("myTable");
var rowCount = myTable.rows.length;
for (var x=rowCount-1; x>0; x--) {
   myTable.deleteRow(x);
}

如果可以声明ID为tbody，则可以简单地运行以下函数：

var node = document.getElementById("tablebody");
while (node.hasChildNodes()) {
  node.removeChild(node.lastChild);
}

这将在本地HTML表中进行迭代删除

document.querySelectorAll("table tbody tr").forEach(function(e){e.remove()})

下面的给出代码效果很好。它删除标题行以外的所有行。所以这段代码真的

$("#Your_Table tr>td").remove();

将一些ID关联到tbody标签。即。此后，以下行应保留表的页眉/页脚并删除所有行。

document.getElementById("yourID").innerHTML="";

而且，如果您希望擦除整个表格（页眉/行/页脚），请在表格一级设置ID，即

如果您不希望删除th而只希望删除其中的行，则此方法非常有效。

var tb = document.getElementById('tableId');
  while(tb.rows.length > 1) {
  tb.deleteRow(1);
}

这个怎么样：

首次加载页面时，请执行以下操作：

var myTable = document.getElementById("myTable");
myTable.oldHTML=myTable.innerHTML;

然后，当您想清除表格时：

myTable.innerHTML=myTable.oldHTML;

如果这就是您开始的全部，那么结果将是您的标题行，其性能比循环快得多。

如果<th>行数比非<th>行数少得多，则可以将所有<th>行收集到一个字符串中，删除整个表，然后写出<table>thstring</table>该表以前的位置。

编辑：显然，“ thstring”是<th>s的所有行的html 。

这在IE中有效，甚至不必为表声明var并将删除所有行：

for(var i = 0; i < resultsTable.rows.length;)
{   
   resultsTable.deleteRow(i);
}

这是我为解决该问题而编写的简单代码，而没有删除标题行（第一个）。

var Tbl = document.getElementById('tblId');
while(Tbl.childNodes.length>2){Tbl.removeChild(Tbl.lastChild);}

希望对你有帮助！！。

为您的肢体分配一个ID或一个类。

document.querySelector("#tbodyId").remove();
document.querySelectorAll(".tbodyClass").remove();

你能说出你的ID或类，你怎么想的，不一定#tbodyId还是.tbodyClass。

只要清除表主体。

$("#tblbody").html("");

const table = document.querySelector（'table'）; table.innerHTML ===''？null：table.innerHTML =''; 上面的javascript对我来说很好。它检查表是否包含任何数据，然后清除所有内容，包括标题。