TableRow deleteCell() Metodu

HTML DOM TableRow nesnesi

Tanım ve Kullanım

deleteCell() Metodu, mevcut tablo satırından bir hücreyi siler.

İpucu:Kullanın insertCell() Metodu Mevcut tablo satırına bir hücre ekleyin.

Ayrıca bkz:

HTML Referans Kılavuzu:HTML <tr> etiketi

Örnek

Örnek 1

İd="myRow" olan tablo satırından ilk hücreyi silin:

var row = document.getElementById("myRow");
row.deleteCell(0);

Kişisel olarak deneyin

Örnek 2

İd="myRow" olan tablo satırından son hücreyi silin:

var row = document.getElementById("myRow");
row.deleteCell(-1);

Kişisel olarak deneyin

Örnek 3

İd="myRow" olan tablo satırından 1 indeks konumundan hücreyi silin:

var row = document.getElementById("myRow");
row.deleteCell(1);

Kişisel olarak deneyin

Örnek 4

İlk tablo satırının başındaki hücreyi silin.

Tablo'nun rows koleksiyonu (.rows[0]) "myTable" id'li tablonun tüm <tr> elementlerinin koleksiyonunu döndürür. Sayı [0], aradığınız elementi belirler, bu örnekte, ilk tablo satırıdır.

Sonra biz deleteCell() metodu ile 0 indeks konumundan hücreyi sileceğiz:

var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);

Kişisel olarak deneyin

Örnek 5

İd="myRow" olan tablo satırının başına içerik içeren yeni bir hücre ekleyin:

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "Yeni hücre";

Kişisel olarak deneyin

Sözdizimi

tablerowObject.deleteCell(index)
Parametre Açıklama
index

Firefox ve Opera'da zorunludur, IE, Chrome ve Safari'da seçimli.

0'dan başlayan tamsayı, silinecek hücrenin mevcut satırdaki konumunu belirler.

Değer 0, ilk hücrenin silineceğini belirtir. -1 değeri kullanılarak son hücrenin silineceği de mümkündür.

Bu parametreyi atlamak durumunda, deleteCell() IE'deki son hücreyi ve Chrome ve Safari'daki ilk hücreyi silecektir.

Teknik ayrıntılar

Geri dönüşüm değeri:

Geri dönüşüm değeri yok.

Tarayıcı desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek

HTML DOM TableRow nesnesi