Μέθοδος deleteCell() για TableRow

HTML DOM TableRow αντικείμενο

Ορισμός και χρήση

deleteCell() Μέθοδος που αφαιρεί ένα κελί από τη τρέχουσα γραμμή του πίνακα.

Συμβουλή:Χρησιμοποιήστε Μέθοδος insertCell() Προσθέστε ένα κελί στην τρέχουσα γραμμή του πίνακα.

Δείτε επίσης:

Εγχειρίδιο HTML:HTML <tr> ετικέτα

Παράδειγμα

Παράδειγμα 1

Αφαιρέστε το πρώτο κελί από τη γραμμή πίνακα με id="myRow":

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

Δοκιμάστε το προσωπικά

Παράδειγμα 2

Αφαιρέστε το τελευταίο κελί από τη γραμμή πίνακα με id="myRow":

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

Δοκιμάστε το προσωπικά

Παράδειγμα 3

Αφαιρέστε το κελί από την θέση του 1 της γραμμής πίνακα με id="myRow":

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

Δοκιμάστε το προσωπικά

Παράδειγμα 4

Αφαιρέστε το κελί στην αρχή της πρώτης γραμμής του πίνακα.

Η συλλογή rows του πίνακα (.rows[0]) επιστρέφει τη συλλογή όλων των στοιχείων <tr> με id="myTable". Το αριθμητικό [0] καθορίζει το στοιχείο που πρέπει να αναζητηθεί, στο παράδειγμα αυτό, είναι η πρώτη γραμμή του πίνακα.

Στη συνέχεια χρησιμοποιούμε deleteCell() για να αφαιρέσουμε το κελί από την θέση του 0:

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

Δοκιμάστε το προσωπικά

Παράδειγμα 5

Προσθέστε ένα νέο κελί που περιέχει περιεχόμενο στην αρχή της γραμμής πίνακα με id="myRow":

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "νέο κελί";

Δοκιμάστε το προσωπικά

Γλώσσα

tablerowObject.deleteCell(index)
Παράμετρος Περιγραφή
index

Είναι απαραίτητο στο Firefox και Opera, ενώ στο IE, Chrome και Safari είναι προαιρετικό.

Αριθμητικό (από 0), καθορίζει τη θέση του κελιού που πρέπει να αφαιρεθεί στη τρέχουσα γραμμή.

Αξία 0 προκαλεί την αφαίρεση του πρώτου κελιού. Μπορεί επίσης να χρησιμοποιηθεί η τιμή -1, η οποία προκαλεί την αφαίρεση του τελευταίου κελιού.

Αν παραλειφθεί αυτός ο παράμετρος, το deleteCell() θα διαγράψει την τελευταία κελί του IE και την πρώτη κελί του Chrome και Safari.

Τεχνικά λεπτομέρειες

Επιστροφή τιμής:

Δεν υπάρχει επιστροφή τιμής.

Υποστήριξη browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη

HTML DOM TableRow αντικείμενο