TableRow deleteCell() -menetelmä

HTML DOM TableRow-objekti

Määritelmä ja käyttö

deleteCell() Menetelmä poistaa nykyisestä taulukkorivistä solun.

Vinkki:Käytä insertCell() -menetelmä Lisää solua nykyiseen taulukkoriviin.

Katso myös:

HTML-viittausoppikirja:HTML <tr> -tagi

Esimerkki

Esimerkki 1

Poista ensimmäinen solu id="myRow"-solmusta:

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

Kokeile itse

Esimerkki 2

Poista viimeinen solu id="myRow"-solmusta:

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

Kokeile itse

Esimerkki 3

Poista solu indeksistä 1 id="myRow"-solmusta:

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

Kokeile itse

Esimerkki 4

Poista ensimmäisen taulukkorivin alun solu.

Taulukon rows-yhdistelmä (.rows[0]) palauttaa id:llä "myTable" varustetun kaikkien <tr>-elementtien yhdistelmän. Luku [0] määrittää haettavan elementin, tässä tapauksessa ensimmäinen taulukkorivi.

Sitten käytämme deleteCell() poistamaan solun indeksistä 0:

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

Kokeile itse

Esimerkki 5

Lisää id="myRow"-solmun alkuun sisältöä sisältävä uusi solu taulukkoon:

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "uusi solu";

Kokeile itse

Syntaksi

tablerowObject.deleteCell(index)
Parametri Kuvaus
index

Välttämätön Firefoxissa ja Operassa, valinnainen IE:ssä, Chromeissa ja Safarissa.

Terveys (alkaen arvolla 0), joka määrittää poistettavan solun sijainnin nykyisessä rivissä.

Arvo 0 aiheuttaa ensimmäisen solun poistamisen. Voit myös käyttää arvoa -1, joka aiheuttaa viimeisen solun poistamisen.

Jos tämä parametri jätetään pois, deleteCell() poistaa IE:ssä viimeisen solun ja Chrome ja Safari -selaimissa ensimmäisen solun.

Tekninen yksityiskohta

Paluuarvo:

Ei paluuarvoa.

Selaimesuhteet

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki

HTML DOM TableRow-objekti