Tabelle deleteRow() Methode
Beispiel
Löschen Sie die erste Zeile in einer Tabelle:
document.getElementById("myTable").deleteRow(0);
Definition und Verwendung
Die Methode deleteRow() entfernt die Zeile am angegebenen Index aus einer Tabelle.
Tipp: Verwenden Sie insertRow() , um eine neue Zeile zu erstellen und einzufügen.
Browser-Unterstützung
Method | |||||
---|---|---|---|---|---|
deleteRow() | Yes | Yes | Yes | Yes | Yes |
Syntax
tableObject.deleteRow(index)
Parameterwerte
Value | Description |
---|---|
index | Required in Firefox and Opera, optional in IE, Chrome and Safari. An integer that specifies the position of the row to delete (starts at 0). The value of 0 results in that the first row will be deleted. The value of -1 can also be used; which result in that the last row will be deleted. This parameter is required in Firefox and Opera, but optional in Internet Explorer, Chrome and Safari. If this parameter is omitted, deleteRow() removes the last row in IE and the first row in Chrome and Safari. |
Technische Details
Rückgabewert: | Kein Rückgabewert |
---|
Mehr Beispiele
Beispiel
Löschen Sie die Zeile, auf die Sie klicken:
function deleteRow(r) {
var i = r.parentNode.parentNode.rowIndex;
document.getElementById("myTable").deleteRow(i);
}
Beispiel
Zeile(n) erstellen und löschen:
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);
}
Verwandte Seiten
HTML-Referenz: HTML <tr>-Tag
❮ Tabellenobjekt