Foros del Web » Programando para Internet » Javascript »

eliminar elementos html

Estas en el tema de eliminar elementos html en el foro de Javascript en Foros del Web. hola por favor ayudenme Primero cree elementos html,en cada fila despliego informacion y a lado un checkbox. la creacion de los elementos se hace dinamicamente. ...
  #1 (permalink)  
Antiguo 17/04/2010, 12:08
 
Fecha de Ingreso: abril-2010
Mensajes: 1
Antigüedad: 14 años
Puntos: 0
eliminar elementos html

hola por favor ayudenme

Primero cree elementos html,en cada fila despliego informacion y a lado un checkbox. la creacion de los elementos se hace dinamicamente. No se como recorrer el arreglo de los checkbox dinamicos y saber cuales estan activados ya sabiendo cuales son, debo eliminar los elementos html creados que se seleccionen. hice un codigo que es el siguiente pero no funciona. quita es el name de mis checkbox

<script type="text/javascript">
function eliminar()
{
divResultado = document.getElementById('contenedor');
var elementos = document.getElementById("form1").quita;

for (var x=0; x<elementos.length; x++)
if (elementos[x].checked) {
var divclave=elementos[x];
divResultado.removeChild(document.getElementById(d ivclave);
}
}
}
</script>
  #2 (permalink)  
Antiguo 17/04/2010, 13:22
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 3 meses
Puntos: 126
Respuesta: eliminar elementos html

Hola, bienvenid@ al foro

Un ejemplo

Código Javascript:
Ver original
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. window.onload = function() {
  5. cant_td = document.body.getElementsByTagName('td');
  6. cant_inpt = document.body.getElementsByTagName('input');
  7. for(i=0; i < cant_td.length; i++) {
  8. for (j=1; j < cant_inpt.length; j+=2) {
  9. cant_inpt[j].onclick = function() {
  10. elimTD = document.getElementById('td_'+this.id).parentNode;
  11. elimTD.removeChild(document.getElementById('td_'+this.id));
  12. }
  13. }
  14. }
  15. }
  16. </script>
  17. </head>
  18. <body>
  19. <table border="1">
  20. <tr>
  21. <td id="td_1"><input type="text" value="" />&nbsp<input type="checkbox" id="1" /></td>
  22. </tr>
  23. <tr>
  24. <td id="td_2"><input type="text" value="" />&nbsp<input type="checkbox" id="2" /></td>
  25. </tr>
  26. <tr>
  27. <td id="td_3"><input type="text" value="" />&nbsp<input type="checkbox" id="3" /></td>
  28. </tr>
  29. </table>
  30. </body>
  31. </html>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />

Etiquetas: elementos, eliminar, html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:55.