TableRow deleteCell() metode

Definition og brug

deleteCell() Metoden sletter en celle i den aktuelle tabelrække.

Tip:Brug insertCell() metode Indsæt en celle i den aktuelle tabelrække.

Se også:

HTML reference manual:HTML <tr> tag

Eksempel

Eksempel 1

Slet den første celle i tabellen række med id="myRow":

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

Prøv det selv

Eksempel 2

Slet den sidste celle i tabellen række med id="myRow":

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

Prøv det selv

Eksempel 3

Slet celle fra index 1 i tabellen række med id="myRow":

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

Prøv det selv

Eksempel 4

Slet den første celle i begyndelsen af den første tabelrække.

Tabellens rows-samling (.rows[0]) returnerer samlingen af alle <tr>-elementer i tabellen med id "myTable". Tallet [0] definerer det element, der skal hentes, hvilket i dette eksempel er den første tabelrække.

Dernæst bruger vi deleteCell() til at slette celle fra index 0:

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

Prøv det selv

Eksempel 5

Indsæt en ny celle med indhold i begyndelsen af tabellen række med id="myRow":

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "ny celle";

Prøv det selv

Syntaks

tablerowObject.deleteCell(index)

Tekniske detaljer

Returværdi:

Ingen returværdi.

Browserstøtte

Værktøjskasse

JavaScript og HTML DOM Reference Manual

JavaScript eksempler

JavaScript quiz

JavaScript tutorial

Sponsorlinks