Bir HTML tablosundaki tüm satırları sil

Bir HTML tablosunun <th>Javascript kullananlar dışındaki tüm satırlarını ve tablodaki tüm satırlar arasında döngü oluşturmadan nasıl silebilirim ? Çok büyük bir tablom var ve onları silmek için satırlar arasında dolaşırken kullanıcı arayüzünü dondurmak istemiyorum

<th>Satırı a'da <thead>ve diğer satırları a'da tutun ve <tbody>ardından <tbody>yeni, boş bir satırla değiştirin .

yani

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

bu, tüm satırları kaldıracaktır:

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

Çok kaba ama bu da işe yarıyor:

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

Dikkat edilmesi gereken noktalar, Sık yapılan hatalara dikkat edin :

Başlangıç ​​dizininiz 0 ise (veya başlangıçtan itibaren bir dizin), o zaman doğru kod:

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

NOTLAR

1. deleteRow argümanı düzeltildi,
bu gereklidir çünkü bir satırı sildikçe satır sayısı azalır.
yani; (rows.length - 1) 'e ulaştığında veya hatta bu satır silinmeden önce, bazı hatalar / istisnalar (veya sessiz bir hata) olacaktır.

2. rowCount, for döngüsü başlamadan önce alınır, çünkü biz "table.rows.length" i sildiğimiz için değişmeye devam edeceğiz, bu nedenle yine, yalnızca tek veya çift satırların silinmesi gibi bir sorununuz var.

Umarım yardımcı olur.

Bu eski bir soru, ancak son zamanlarda benzer bir sorunla karşılaştım.
Bu kodu çözmek için yazdım:

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

Bu, ilki hariç tüm satırları kaldıracaktır.

Şerefe!

Sadece bir tablonuz olduğunu varsayarsak, sadece türle başvurabilirsiniz. Başlıkları silmek istemiyorsanız:

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

aksi takdirde:

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

Umarım yardımcı olur!

Bir IDfor ilan tbodyedebiliyorsanız, bu işlevi çalıştırabilirsiniz:

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

@Strat tarafından gönderilen ilk çözüm ve çözüm dışındaki tüm satırları silmem gerekiyordu, ancak bu yakalanmamış bir istisnayla sonuçlandı (mevcut olmadığı bağlamda Düğüme başvurmak). Aşağıdakiler benim için çalıştı.

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

bu, yerelde HTML tablosunda yineleme silme işleminde çalışır

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

Aşağıdaki kod harika çalışıyor. Başlık satırı dışındaki tüm satırları kaldırır. Yani bu kod gerçekten t

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

Kaldırmak istemiyor thve sadece içindeki sıraları çıkarmak istiyorsanız, bu mükemmel çalışıyor.

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

Buna ne dersin:

Sayfa ilk yüklendiğinde şunu yapın:

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

Ardından tabloyu temizlemek istediğinizde:

myTable.innerHTML=myTable.oldHTML;

Sonuç olarak, başladığınız tek şey buysa, performans döngüden önemli ölçüde daha hızlıdır.

Tbody etiketine bir kimlik atama. yani. Bundan sonra, aşağıdaki satır tablo üstbilgisini / altbilgisini korumalı ve tüm satırları kaldırmalıdır.

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

Ve tüm tablonun (üstbilgi / satırlar / altbilgi) silinmesini istiyorsanız, kimliği tablo düzeyinde ayarlayın, yani

<th>Satır olmayanlardan çok daha az satırınız <th>varsa, tüm <th>satırları bir dizede toplayabilir , tüm tabloyu kaldırabilir ve ardından <table>thstring</table>tablonun olduğu yere yazabilirsiniz .

DÜZENLEME: Açıkçası, "thstring" tüm <th>s satırları için html'dir .

Bu, tablo için bir değişken bildirmek zorunda kalmadan IE'de çalışır ve tüm satırları siler:

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

Vücudunuz için bir kimlik veya sınıf atayın.

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

Kimliğinizi veya sınıfınızı istediğiniz gibi adlandırabilirsiniz, ille de #tbodyIdveya değil .tbodyClass.

bu, başlık satırını (ilki) kaldırmadan bunu çözmek için yazdığım basit bir kod.

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

Umarım sizin için çalışır !!

Masa gövdesini temizleyin.

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

const table = document.querySelector ('tablo'); table.innerHTML === ''? null: table.innerHTML = ''; yukarıdaki javascript benim için iyi çalıştı. Tablonun herhangi bir veri içerip içermediğini kontrol eder ve ardından başlık dahil her şeyi temizler.