tr deleteCell()Methode
tr-Objekt
Definition und Verwendung
Die deleteCell()-Methode wird verwendet, um eine Zelle (<td>-Element) aus einer Tabellenzeile zu löschen.
Syntax
trObject.deleteCell(index)
| Wert | Beschreibung |
|---|---|
| index | Der Parameter index ist die Position der Zelle, die in der Zeile gelöscht werden soll. Diese Methode löscht die Zelle an der angegebenen Position in der Tabellenzeile. |
Browser-Unterstützung
Alle wichtigen Browser unterstützen die deleteCell()-Methode
Beispiel
Beispiel
Das folgende Beispiel löscht eine Zelle aus einer Zeile:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Beispiel-Tutorial (example.com)</title>
<script>
function displayResult(){
var firstRow=document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>Erste Zelle</td>
<td>Zweite Zelle</td>
<td>Dritte Zelle</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">Die erste Zelle löschen</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Beispiel-Tutorial (example.com)</title>
<script>
function displayResult(){
var firstRow=document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>Erste Zelle</td>
<td>Zweite Zelle</td>
<td>Dritte Zelle</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">Die erste Zelle löschen</button>
</body>
</html>
Selbst ausprobieren »
tr-Objekt Andere Erweiterungen