Eliminar todas las filas en una tabla HTML

¿Cómo puedo eliminar todas las filas de una tabla HTML, excepto las que <th>utilizan Javascript, y sin recorrer todas las filas de la tabla? Tengo una tabla muy grande y no quiero congelar la interfaz de usuario mientras recorro las filas para eliminarlas.

Mantenga la <th>fila en ay <thead>las otras filas en a y <tbody>luego reemplace <tbody>por una nueva y vacía.

es decir

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

esto eliminará todas las filas:

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

Muy crudo, pero esto también funciona:

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

Esta es una pregunta antigua, sin embargo, recientemente tuve un problema similar.
Escribí este código para resolverlo:

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]);
}

Eso eliminará todas las filas, excepto la primera.

¡Salud!

Puntos a tener en cuenta, en el Cuidado con los errores comunes :

Si su índice de inicio es 0 (o algún índice desde el comienzo), entonces, el código correcto es:

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);
}

NOTAS

1. El argumento para deleteRow es fijo,
esto es necesario ya que a medida que eliminamos una fila, el número de filas disminuye.
es decir; en el momento en que alcance (rows.length - 1), o incluso antes de que esa fila ya se haya eliminado, por lo que tendrá algún error / excepción (o uno silencioso).

2. el rowCount se toma antes de que comience el ciclo for ya que a medida que eliminamos "table.rows.length" seguirá cambiando, así que nuevamente tiene un problema, que solo las filas pares o impares solo se eliminan.

Espero que ayude.

Suponiendo que solo tiene una tabla para que pueda hacer referencia a ella solo con el tipo. Si no desea eliminar los encabezados:

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

de otra manera:

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

¡Espero eso ayude!

Necesitaba eliminar todas las filas excepto la primera y la solución publicada por @strat, pero eso resultó en una excepción no detectada (haciendo referencia al Nodo en el contexto donde no existe). Lo siguiente funcionó para mí.

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

Si puede declarar un IDfor tbody, simplemente puede ejecutar esta función:

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

esto funcionaría la eliminación de iteraciones en la tabla HTML en nativo

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

el siguiente código funciona muy bien. Elimina todas las filas excepto la fila de encabezado. Entonces este código realmente t

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

Assing alguna identificación a la etiqueta tbody. es decir Después de esto, la siguiente línea debe conservar el encabezado / pie de página de la tabla y eliminar todas las filas.

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

Y, si desea que se borre toda la tabla (encabezado / filas / pie de página), establezca la identificación al nivel de la tabla, es decir

Si no desea eliminar thy solo desea eliminar las filas internas, esto está funcionando perfectamente.

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

Qué tal esto:

Cuando la página se cargue por primera vez, haga esto:

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

Luego, cuando quieras limpiar la mesa:

myTable.innerHTML=myTable.oldHTML;

El resultado será su (s) fila (s) de encabezado si eso es todo con lo que comenzó, el rendimiento es dramáticamente más rápido que el bucle.

Si tiene muchas menos <th>filas que no <th>filas, puede reunir todas las <th>filas en una cadena, eliminar la tabla completa y luego escribir<table>thstring</table> donde solía estar la tabla.

EDITAR: Donde, obviamente, "thstring" es el html para todas las filas de <th>s.

Esto funciona en IE sin siquiera tener que declarar una var para la tabla y eliminará todas las filas:

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

este es un código simple que acabo de escribir para resolver esto, sin eliminar la fila del encabezado (la primera).

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

¡¡Espero que funcione para ti!!.

Asigne una identificación o una clase para su tbody.

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

Puede nombrar su identificación o clase como desee, no necesariamente #tbodyIdo .tbodyClass.

Limpia el cuerpo de la mesa.

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

tabla constante = document.querySelector ('tabla'); table.innerHTML === ''? nulo: table.innerHTML = ''; el javascript anterior funcionó bien para mí. Comprueba si la tabla contiene datos y luego borra todo, incluido el encabezado.