Μέθοδος deleteRow() του πίνακα Table

HTML DOM Table οντόν

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

deleteRow() Ο μέθοδος διαγράφει τη γραμμή που καθορίζεται από τον καθορισμένο δείκτη από τον πίνακα.

Σημείωση:Χρησιμοποιήστε insertRow() Δημιουργία και εισαγωγή νέων γραμμών.

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

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

Επίδειξη

Παράδειγμα 1

Διαγραφή της πρώτης γραμμής του πίνακα:

document.getElementById("myTable").deleteRow(0);

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

Παράδειγμα 2

Διαγραφή της γραμμής που κλικάρετε:

function deleteRow(r) {
  var i = r.parentNode.parentNode.rowIndex;
  document.getElementById("myTable").deleteRow(i);
}

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

Παράδειγμα 3

Δημιουργία και διαγραφή γραμμών:

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var row = table.insertRow(0);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  cell1.innerHTML = "NEW CELL1";
  cell2.innerHTML = "NEW CELL2";
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteRow(0);
}

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

Γλώσσα

tableObject.deleteRow(index)

Τιμή παράμετρου

Παράμετρος Περιγραφή
index

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

Το όνομα ενός ακέραιου που καθορίζει τη θέση της γραμμής που πρέπει να αφαιρεθεί (από 0 ξεκινά).

Η τιμή 0 θα προκαλέσει τη διαγραφή της πρώτης γραμμής.

Μπορείτε επίσης να χρησιμοποιήσετε τη τιμή -1, η οποία θα προκαλέσει τη διαγραφή της τελευταίας γραμμής.

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

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

Χωρίς επιστροφή τιμής.

Υποστήριξη περιηγητών

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

HTML DOM Table οντόν