advanced code snippet search

Posted By

on 04/23/09


Tagged

javascript DOM


Versions (?)

Borrar filas dinamicamente con DOM (parentNode)

 / Published in: JavaScript
 

URL: http://www.forosdelweb.com/f13/borrar-filas-dinamicamente-removechild-650072/

El problemea era que antes borraba cosas usando el id del articulo correspondiente a su posicion tirada en ajax, resulta que si borras una fila (digamos la primera) en ajax, la segunda pasa a ser la primera, lo cual da problemas al borrar.

Con esto le envia la referencia por DOM del TR y TD usando ParentNode y listo.

Expand | Embed | Plain Text 
  1. HTML
  2. -----------------
  3. <html>
  4. <head>
  5. <script type="text/javascript" src="main.js">
  6. </script>
  7. </head>
  8. <body>
  9. <table>
  10. <tr>
  11. 	<td>Bat</td>
  12. 	<td><input type="button" onclick="remove(this)" value="Eliminar" /></td>
  13. </tr>
  14. <tr>
  15. 	<td>Bi</td>
  16. 	<td><input type="button" onclick="remove(this)" value="Eliminar" /></td>
  17. </tr>
  18. <tr>
  19. 	<td>Hiru</td>
  20. 	<td><input type="button" onclick="remove(this)" value="Eliminar" /></td>
  21. </tr>
  22. </table>
  23. </body>
  24. </html>
  25.  
  26.  
  27. JAVASCRIPT
  28. -----------
  29.  
  30. function remove(t)
  31.     {
  32.         var td = t.parentNode;
  33.         var tr = td.parentNode;
  34.         var table = tr.parentNode;
  35.         table.removeChild(tr);
  36.     }

Report this snippet  

You need to login to post a comment.