Eliminar una fila de una tabla por id

Tengo un pequeño problema. Tengo algunas tablas creadas dinámicamente y cada fila tiene una identificación. Quiero eliminar la fila con el id "x".Eliminar una fila de una tabla por id

Probé el método habitual (removeChild) pero aparentemente no funciona para las tablas.

function deleteRow(tableid, rowid) 
{ 
     document.getElementById(tableid).removeChild(document.getElementById(rowid)); 
}

El error que consigo es: Nodo no se encontró "código:" 8

También probamos este:

function deleteRow(tbodyid, rowid) 
{ 
     document.getElementById(tbodyid).removeChild(document.getElementById(rowid)); 
}

y tiene el mismo error.

No puedo usar el método deleteRow() porque ese necesita el índice de la fila y prefiero no buscar la marca de identificación que el índice luego eliminar (aunque si no encuentro otras soluciones ...) .

Fuente

2011-02-11 zozo

Puede obtener el índice de fila por 'rowElement.rowIndex' ... –

Podría agregar una tabla de ejemplo para probar con, Podría ser algo extraño en la forma en que se diseñó la tabla. –

¿Qué tal:

function deleteRow(rowid) 
{ 
    var row = document.getElementById(rowid); 
    row.parentNode.removeChild(row); 
}

Y, si eso no funciona, esto realmente debería funcionar:

function deleteRow(rowid) 
{ 
    var row = document.getElementById(rowid); 
    var table = row.parentNode; 
    while (table && table.tagName != 'TABLE') 
     table = table.parentNode; 
    if (!table) 
     return; 
    table.deleteRow(row.rowIndex); 
}

Fuente

2011-02-11 09:12:16

Muchas gracias. Realmente funciona bien – Kailas

Su primera elección fue excelente para mí.Había engañado con rowIndex sin éxito, pero es bueno ver este ejemplo. –

¿Y qué hay de intentar no borrar pero ocultar esa fila?

Fuente

2011-02-11 09:11:07 Napas

bueno ... excepto el hecho de que hay alrededor de 80000 y funcionaría bastante mal ... Verifico su existencia y luego obtengo datos si existe (podría verificar la visualización: ninguno también pero creo que es más rápido check undefined). – zozo

El padre de la fila no es el objeto que se cree, esto es lo que entiendo de el error.
Primero intenta detectar el padre de la fila, entonces puedes estar seguro de qué escribir en getElementById parte del padre.

Fuente

2011-02-11 09:13:34 Oralet

De esta post, probar este javascript:

function removeRow(id) { 
    var tr = document.getElementById(id); 
    if (tr) { 
    if (tr.nodeName == 'TR') { 
     var tbl = tr; // Look up the hierarchy for TABLE 
     while (tbl != document && tbl.nodeName != 'TABLE') { 
     tbl = tbl.parentNode; 
     } 

     if (tbl && tbl.nodeName == 'TABLE') { 
     while (tr.hasChildNodes()) { 
      tr.removeChild(tr.lastChild); 
     } 
     tr.parentNode.removeChild(tr); 
     } 
    } else { 
     alert('Specified document element is not a TR. id=' + id); 
    } 
    } else { 
    alert('Specified document element is not found. id=' + id); 
    } 
}

yo probamos este Javascript en una página de prueba y funcionó para mí en Firefox.

Fuente

2011-02-11 09:21:00 rsbarro

a Vilx-:

var table = row.parentNode; 
while (table && table.tagName != 'TABLE') 
    table = table.parentNode;

y lo que si es row.parentNodeTBODY?

Usted debe comprobar que funciona en primer lugar, y después de eso hacer while por .tBodies, probablemente

Fuente

2011-09-07 20:13:58 Yuri

algo rápido y sucio:

<script type='text/javascript'> 
function del_tr(remtr) 
{ 
    while((remtr.nodeName.toLowerCase())!='tr') 
     remtr = remtr.parentNode; 

    remtr.parentNode.removeChild(remtr); 
} 
function del_id(id) 
{ 
     del_tr(document.getElementById(id)); 
} 
</script>

si coloca

<a href='' onclick='del_tr(this);return false;'>x</a>

en cualquier lugar dentro de la fila que desea eliminar, que incluso funciona sin ningún ID

Fuente

2014-02-18 12:26:54

Eliminar una fila de una tabla por id

Respuesta

Cuestiones relacionadas