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.

  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.