Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] DIV dentro de otro DIV con appendChild

Estas en el tema de DIV dentro de otro DIV con appendChild en el foro de Javascript en Foros del Web. Hola a todos: Tengo una página en la que voy añadiendo DIV con contenido al hacer clic. Debido a que innerHTML me eliminaba las entradas ...
  #1 (permalink)  
Antiguo 20/07/2014, 15:15
Avatar de auttranadhie  
Fecha de Ingreso: noviembre-2008
Ubicación: Madrid (España)
Mensajes: 156
Antigüedad: 15 años, 5 meses
Puntos: 8
DIV dentro de otro DIV con appendChild

Hola a todos:

Tengo una página en la que voy añadiendo DIV con contenido al hacer clic.

Debido a que innerHTML me eliminaba las entradas de los input tipo file que ya había ido creando, he visto que la solución está en appendChild.

He probado todas las combinaciones pero la cosa no funciona. Lo único que quiero es añadir todo un DIV que ya he construido (es decir, no me haría falta createElement) a uno existente. Por si acaso, dentro del DIV en que tiene que ir hay otro que uso como comodín para ir añadiendo los nodos.

¿No valdría simplemente algo así como ...?:

Código:
var MiDiv = '...' // Todo el div que construyo
var div_nuevo = document.createTextNode(MiDiv);
document.getElementById("div_comodin").appendChild(div_nuevo);
Lo único que me muestra es el texto del código en vez quedarse en el código como tal.

Gracias por adelantado y un saludo.
__________________
A. Uttranadhie
  #2 (permalink)  
Antiguo 20/07/2014, 15:37
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: DIV dentro de otro DIV con appendChild

No me quedó muy claro lo que buscas hacer, pero creo que sería más sencillo si simplemente clonas al elemento en cuestión y lo añades a donde desees.

Código Javascript:
Ver original
  1. var div = document.getElementById("id_div"),
  2.     clon = div.cloneNode(true),
  3.     destino = document.getElementById("id_destino");
  4.  
  5. destino.appendChild(clon);

Si no es lo que buscas, por favor, sé más explícito y muéstranos la estructura que tienes hecha y el resto del código JavaScript. De preferencia, utiliza el highlight que corresponda a cada lenguaje; el highlight de HTML para el código HTML y el highlight de JavaScript para el código JavaScript.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 20/07/2014, 15:43
Avatar de auttranadhie  
Fecha de Ingreso: noviembre-2008
Ubicación: Madrid (España)
Mensajes: 156
Antigüedad: 15 años, 5 meses
Puntos: 8
Respuesta: DIV dentro de otro DIV con appendChild

Parecerá de coña, pero creo que al final se ha solucionado.

Gracias por los esfuerzos.

El código que he probado ha sido:

Código:
var new_item = document.createElement("div");
new_item.innerHTML = '...'; // El DIV que construyo
document.getElementById("div_comidin").appendChild(new_item);
No pienso tocarle ni una línea.

Si mañana se fastidia otra vez, volveré
__________________
A. Uttranadhie

Etiquetas: divs
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 01:53.