Eliminar TR con JS

maurozone · #1 (**permalink**) 16/02/2007, 15:51

Hola, gente.

Queria saber si existe algun codigo para eliminar un TR.

Salu2.

locojars · #2 (**permalink**) 16/02/2007, 16:20

Mira a ver si esto te funciona.. no lo he probado

Código HTML:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
    <script language="javascript">
      function RemoveRow(index)
      {
        var parent = document.getElementById(index).parentNode;
        parent.removeChild(document.getElementById(index));
      }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table border="1" id="table">
          <tr id="row1">
            <td><input type="Button" value="Remove Row" onclick="RemoveRow('row1')" /></td>
            <td>Col2</td>
            <td>Col3</td>
          </tr>
          <tr id="row2">
            <td><input type="Button" value="Remove Row" onclick="RemoveRow('row2')" /></td>
            <td>Col2</td>
            <td>Col3</td>
          </tr>
          <tr id="row3">
            <td><input type="Button" value="Remove Row" onclick="RemoveRow('row3')" /></td>
            <td>Col2</td>
            <td>Col3</td>
          </tr>
        </table>
    </div>
    </form>
</body>
</html>

Salu2,
Jars

capa · #3 (**permalink**) 16/02/2007, 16:22

Claro, con electos de tabla, algo como este:
deleteRow( aqui el index del rows )

capa · #4 (**permalink**) 16/02/2007, 16:38

hola locojars, me había cruzado con el pos, parece que me apresure

Bueno este es mi modo de borrar los TRs, accediendo por nodos, también lo podemos hacer por ID, pero lo hago por nodos por ahorrar lineas de código

Código HTML:

 <script>
 function del(objeto){
	var nodo_del_row = objeto.parentNode.parentNode;
	var index_del_row = nodo_del_row.rowIndex;
	var nodo_de_tabla = nodo_del_row.parentNode; 
	nodo_de_tabla.deleteRow(index_del_row);
 }
 </script>
<table width="200" border="1">
  <tr>
    <td>Row 0 </td>
    <td><a href="#" onclick="del(this);">borrar 0</a></td>
  </tr>
  <tr>
    <td>Row 1</td>
    <td><a href="#" onclick="del(this);">borrar 2</a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

hey maurozone cuentas cual te agrada

wcfenix · #5 (**permalink**) 10/03/2008, 10:48

@locojars y @capa Q genios! Gracias no sabia que se podía eliminar estos elementos tan fácilmente

Raya2 · #6 (**permalink**) 24/09/2008, 09:36

y para agregar un TR que contenga campos de formularios ya sean <input> <select> y ademas los select se han generados desde una base de datos :P

jajaujau ta complicado pero si el eliminar es haci de facil

agrasco la ayuda