Ejemplo
Eliminar la primera fila de una tabla:
document.getElementById("myTable").deleteRow(0);
Inténtalo tú mismo " Definición y Uso
El deleteRow() método elimina la fila en el índice especificado de una tabla.
Consejo: Utilice la insertRow() para crear e insertar una nueva fila.
Soporte del navegador
Método | |||||
---|---|---|---|---|---|
deleteRow() | Sí | Sí | Sí | Sí | Sí |
Sintaxis
tableObject .deleteRow( Los valores de los parámetros Valor Descripción index Requerido en Firefox y Opera, opcional en el IE, Chrome y Safari. Un número entero que especifica la posición de la fila para eliminar (empieza en 0). Se eliminará el valor de 0 resultados en las que la primera fila.
El valor de -1 también se puede utilizar; que dan lugar a que se suprima la última fila.
Este parámetro es necesario en Firefox y Opera, pero opcional en Internet Explorer, Chrome y Safari.
Si se omite este parámetro, deleteRow() elimina la última fila en el IE y la primera fila en Chrome y Safari.
Detalles técnicos
Valor de retorno: Sin valor de retorno
Más ejemplos
Ejemplo
Eliminar la fila que haga clic en:
function deleteRow(r) {
var i =
r.parentNode.parentNode.rowIndex;
document.getElementById("myTable").deleteRow(i);
} Inténtalo tú mismo "
Ejemplo
Crear y eliminar 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);
} Inténtalo tú mismo "
Páginas relacionadas
Referencia HTML: HTML <tr> etiqueta
<Tabla de objetos