Foros del Web » Programando para Internet » Javascript »

Agregar elementos con DOM no funciona en IE

Estas en el tema de Agregar elementos con DOM no funciona en IE en el foro de Javascript en Foros del Web. Hola a todos, ya tenia un buen que no escribia a este foro para consultar, pero me surgio un problema con IE(clasico) que le he ...
  #1 (permalink)  
Antiguo 08/10/2011, 12:25
 
Fecha de Ingreso: diciembre-2004
Mensajes: 272
Antigüedad: 17 años, 8 meses
Puntos: 4
Agregar elementos con DOM no funciona en IE

Hola a todos, ya tenia un buen que no escribia a este foro para consultar, pero me surgio un problema con IE(clasico) que le he buscado y buscado y no he podido solucionar.

El problema es que cuando intendo agregar un elemento (DIV) mediante DOM, en IE no me lo pinta, sin embargo en firefox funciona a la perfeccion, igual ocurre si asigno un atributo "onclick" a un elemento existente, en firefox si se activa el evento y en IE no. A continuacion pongo un ejemplo:


en HTML tengo eso:

Código HTML:
<div id="contenedorDeDivs">
<div id="divDeMuestra"  style="width:10px;height:10px;visibility:hidden;"></div>
</div> 

y mediante DOM hago esto:



Código:
  var contenedor = document.getElementById('contenedorDeDivs'); 
  var muestra = document.getElementById('divDeMuestra');
  var nuevoDiv = muestra.cloneNode(true);
  nuevoDiv.setAttribute("id", "divNumero1" );
  
  var estilo = "left:50px;";
  estilo += "top:50px;";
  estilo += "width:100px;";
  estilo += "height:100px;";
  estilo += "background:#CCC;";
  estilo += "visibility:visible;";
  
  nuevoDiv.setAttribute("style", estilo);  
  contenedor.appendChild(nuevoDiv);

Alguna pista de lo que pueda estar pasando ??? como les comento, en Firefox si muestra el elemento agregado pero en IE no.

Nota: La version de IE es la 7.


desde ya muchas gracias!
  #2 (permalink)  
Antiguo 08/10/2011, 14:57
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.143
Antigüedad: 18 años, 2 meses
Puntos: 832
Respuesta: Agregar elementos con DOM no funciona en IE

En Explorer no funciona eso. Hay que agregar cada una de las propiedades css por separado:
Código PHP:
nuevoDiv.style.width='100px';
nuevoDiv.style.height='100px';
//etc 
o usar className y referir a una clase css ya creada:
Código PHP:
<style>
.
algo{width:100pxheight:100px;/*etc*/}
</
style>
<
script>
//...
nuevoDiv.className='algo';
//...
</script> 

Etiquetas: dom, elementos, funcion, 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 18:36.