El método TableRow deleteCell() en HTML DOM se usa para eliminar una celda de una fila actual en una tabla. Es un método predefinido del objeto TableRow.
Sintaxis:
tablerowObject.deleteCell(index)
Valores de propiedad:
index: Contiene un valor numérico que parte de 0 el cual define la posición de la celda a ser eliminada de la fila actual. Por ejemplo: el valor 0 indica la primera celda posicionada que se eliminará. El valor -1º representa que se borra la última celda posicionada.
Nota:
- El parámetro debe definirse obligatoriamente en el navegador Firefox y Opera. Por otro lado, es opcional en los navegadores safari, chrome e IE.
- Si este parámetro no contiene ningún valor, deleteCell() elimina la última celda en IE y la primera celda en Chrome y Safari.
Ejemplo: en este ejemplo, eliminaremos la primera y la última celda de la fila actual.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM TableRow deleteCell() Method
</title>
<style>
table,
td {
border: 1px solid green;
}
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>
HTML DOM TableRow deleteCell() Method
</h2>
<table align="center">
<tr id="gfg">
<td>GEEKS</td>
<td>FOR</td>
<td>GEEKS</td>
</tr>
</table>
<br>
<button onclick="firstCell()">
Delete the First Cell
</button>
<button onclick="lastCell()">
Delete the Last Cell
</button>
<script>
function firstCell() {
var Cell =
document.getElementById("gfg");
Cell.deleteCell(0);
}
function lastCell() {
var MyCell = document.getElementById("gfg");
MyCell.deleteCell(-1);
}
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA