Elimina tutte le righe in una tabella HTML

Come posso eliminare tutte le righe di una tabella HTML eccetto quelle <th>utilizzando Javascript e senza scorrere tutte le righe nella tabella? Ho una tabella molto grande e non voglio bloccare l'interfaccia utente mentre sto scorrendo le righe per eliminarle

Mantieni la <th>riga in a <thead>e le altre righe in a, <tbody>quindi sostituisci <tbody>con una nuova e vuota.

cioè

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

questo rimuoverà tutte le righe:

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

Molto rozzo, ma funziona anche:

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

Questa è una vecchia domanda, tuttavia recentemente ho avuto un problema simile.
Ho scritto questo codice per risolverlo:

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

Ciò rimuoverà tutte le righe, tranne la prima.

Saluti!

Punti da notare, sull'attenzione agli errori comuni :

Se il tuo indice iniziale è 0 (o un indice dall'inizio), il codice corretto è:

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

APPUNTI

1. l'argomento per deleteRow è fisso,
questo è richiesto poiché cancellando una riga, il numero di righe diminuisce.
ie; nel momento in cui raggiungo (rows.length - 1), o anche prima che quella riga sia già cancellata, quindi avrai qualche errore / eccezione (o uno silenzioso).

2. il rowCount viene preso prima che inizi il ciclo for poiché cancellando "table.rows.length" continuerà a cambiare, quindi di nuovo hai qualche problema, che solo le righe dispari o pari vengono eliminate solo.

Spero che aiuti.

Supponendo che tu abbia solo una tabella in modo da poterla fare riferimento solo con il tipo. Se non desideri eliminare le intestazioni:

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

altrimenti:

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

spero che sia d'aiuto!

Avevo bisogno di eliminare tutte le righe tranne la prima e la soluzione pubblicata da @strat, ma ciò ha comportato un'eccezione non rilevata (facendo riferimento a Node nel contesto in cui non esiste). Quanto segue ha funzionato per me.

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

Se puoi dichiarare un IDper tbodypuoi semplicemente eseguire questa funzione:

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

questo funzionerebbe l'eliminazione dell'iterazione nella tabella HTML in nativo

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

il codice riportato di seguito funziona alla grande. Rimuove tutte le righe tranne la riga di intestazione. Quindi questo codice davvero t

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

Assegnare un ID al tag tbody. cioè. Successivamente, la riga seguente dovrebbe mantenere l'intestazione / piè di pagina della tabella e rimuovere tutte le righe.

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

E, se desideri che l'intera tabella (intestazione / righe / piè di pagina) venga cancellata, imposta l'id a livello di tabella, ad es.

Se non vuoi rimuovere the vuoi solo rimuovere le righe all'interno, questo funziona perfettamente.

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

Cosa ne pensi di questo:

Quando la pagina viene caricata per la prima volta, eseguire questa operazione:

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

Quindi, quando vuoi cancellare la tabella:

myTable.innerHTML=myTable.oldHTML;

Il risultato saranno le tue righe di intestazione se questo è tutto ciò con cui hai iniziato, le prestazioni sono notevolmente più veloci del loop.

Se hai molte meno <th>righe rispetto alle non <th>righe, potresti raccogliere tutte le <th>righe in una stringa, rimuovere l'intera tabella e quindi scrivere <table>thstring</table>dove si trovava la tabella.

EDIT: dove, ovviamente, "thstring" è l'html per tutte le righe di <th>s.

Funziona in IE senza nemmeno dover dichiarare una var per la tabella e cancellerà tutte le righe:

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

questo è un semplice codice che ho appena scritto per risolvere questo problema, senza rimuovere la riga di intestazione (la prima).

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

Spero che funzioni per te !!.

Assegna un ID o una classe per il tuo corpo.

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

Puoi nominare l'ID o la classe come preferisci, non necessariamente #tbodyIdo .tbodyClass.

Basta pulire il corpo del tavolo.

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

const table = document.querySelector ('table'); table.innerHTML === ''? null: table.innerHTML = ''; il javascript sopra ha funzionato bene per me. Verifica se la tabella contiene dati e quindi cancella tutto, inclusa l'intestazione.