Beispiel
Löscht die erste Zeile in einer Tabelle:
document.getElementById("myTable").deleteRow(0); Versuch es selber " Definition und Verwendung
Die deleteRow() Methode entfernt die Zeile am angegebenen Index aus einer Tabelle.
Tipp: Verwenden Sie die insertRow() zu erstellen und eine neue Zeile einzufügen.
Browser-Unterstützung
| Methode | |||||
|---|---|---|---|---|---|
| deleteRow() | Ja | Ja | Ja | Ja | Ja |
Syntax
tableObject .deleteRow( Parameterwerte Wert Beschreibung index Erforderlich in Firefox und Opera, optional in IE, Chrome und Safari. Eine ganze Zahl, welche die Position der Zeile spezifiziert zu löschen (beginnt bei 0). Der Wert von 0 ergibt, dass die erste Zeile gelöscht.
Der Wert von -1 kann auch verwendet werden; die sich ergeben, daß die letzte Zeile gelöscht.
Dieser Parameter ist erforderlich in Firefox und Opera, aber optional in Internet Explorer, Chrome und Safari.
Wenn dieser Parameter weggelassen wird, deleteRow() entfernt die letzte Zeile in IE und die erste Zeile in Chrome und Safari.
Technische Details
Rückgabewert: Kein Rückgabewert
Mehr Beispiele
Beispiel
Löschen Sie die Zeile, die Sie klicken Sie auf:
function deleteRow(r) {
var i =
r.parentNode.parentNode.rowIndex;
document.getElementById("myTable").deleteRow(i);
} Versuch es selber "
Beispiel
Erstellen und Löschen von row(s) :
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);
} Versuch es selber "
Verwandte Seiten
HTML - Referenz: HTML <tr> -Tag
<Table Object