TableRow deleteCell() metod

Definition och användning

deleteCell() Metoden tar bort en cell från den aktuella tabellraden.

Tips:Använd insertCell() metod Infoga en cell i den aktuella tabellraden.

Se också:

HTML-referenshandbok:HTML <tr> etikett

Exempel

Exempel 1

Ta bort den första cellen i tabellen med id="myRow".

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

Prova själv

Exempel 2

Ta bort den sista cellen i tabellen med id="myRow".

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

Prova själv

Exempel 3

Ta bort cellen från indexposition 1 i tabellen med id="myRow".

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

Prova själv

Exempel 4

Ta bort cellen i början av den första tabellraden.

Tabellens rows-uppsättning (.rows[0]) returnerar en uppsättning av alla <tr>-element i tabellen med id "myTable". Tal [0] anger det element som ska hämtas, i detta fall den första tabellraden.

Därefter använder vi deleteCell() för att ta bort cellen från indexposition 0:

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

Prova själv

Exempel 5

Infoga en ny cell med innehåll i början av tabellraden med id="myRow":

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "nya cellen";

Prova själv

Syntax

tablerowObject.deleteCell(index)

Tekniska detaljer

Returvärde:

Ingen returvärde.

Webbläsarstöd

Verktygslåda

JavaScript och HTML DOM referens manual

JavaScript-exempel

JavaScript-quiz

JavaScript-tutorial

Sponsrade länkar