Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/08/2011, 06:06
niamigosnijuguetes
 
Fecha de Ingreso: agosto-2011
Mensajes: 4
Antigüedad: 13 años, 3 meses
Puntos: 0
Pregunta Cambiar propiedades en DOM generado dinámicamente

Hola.

Cosa rara la que me está pasando esta mañana. Es la primera vez que genero un árbol DOM dinámicamente mediante appendChilds y createElements. Por ejemplo:

Código Javascript:
Ver original
  1. var checkbox = document.createElement("input");
  2. checkbox.setAttribute("onclick","seleccionaCheck(this)");
  3. document.body.append(checkbox);

Hasta aquí todo bien, se crea el checkbox y se marca/desmarca. El problema es que cuando se pincha y se ejecuta la función seleccionaCheck(this), llega un momento en el que tengo que cambiar la visibilidad (ocultar) de una serie de divs (lo más normal del mundo). El Firebug se vuelve loco y deja de funcionar en ese momento y me doy cuenta de que se oculta el primero de los divs pero no el resto. En IE ni siquiera funciona. El código que utilizo es una cosa muy normalita:

Código Javascript:
Ver original
  1. div.style.visibility = "hidden";
  2.  
  3. // También he probado con este otro:
  4.  
  5. div.setAttribute("visibility","hidden");

Y nada. Peta y no funciona. Ya no sé si tiene algo que ver con generar el DOM dinámicamente, porque antes lo tenía hecho a mano y funcionaba perfectamente.

He terminado por ponerlo a mano, pero no me gusta porque hay muchas id's y acabaré equivocándome cada vez que quiera cambiar algo.

Por cierto, no puedo utilizar PHP en este caso.

¿Alguna sugerencia?

Gracias.