Nodos, div dentro de div

karlic0s · #1 (**permalink**) 12/01/2011, 19:27

Hola, que tal!

Estaba programando un pequeño script que añade elementos dinámicamente y es la primera vez que trabajo con nodos y me ha surgido una pequeña duda...

Quiero (que realmente tampoco se si se puede) que el div "div_que_entra" se contenga al ejecutar la funcion dentro de "contenedor", pero he probado tanto con childNode y con parent como esta aquí y no consigo que funcione.

Código HTML:

<html>
<head>
<script>
function prueba() {
    document.getElementById('div_que_entra').parentNode.id = 'contenedor';
}

</script>
</head>

<body>
<div style="width: 200px; height: 200px; border: 1px solid #ADADAD;" id="contenedor"></div>
<div style="width: 100px; height: 100px; border: 1px solid #ADADAD;" id="div_que_entra"></div>
<input type="submit" value="Hazlo" onclick="prueba();"/>
</body>
</html>

Alguna idea?

Gracias y buenas noches

Perr0 · #2 (**permalink**) 12/01/2011, 21:32

Si te fijas bien el parentNode de 'div_que_entra' es el body.
colocalo asi

<div><div></div></div>

tu lo colocas asi (incorrecto)
<div></div><div></div>

salu2

karlic0s · #3 (**permalink**) 13/01/2011, 03:23

Gracias perro por la contestación, pero quizás yo no me he explicado con la pregunta, yo lo que quiero con ese javascript es que:

<div id="contendor"> </div> <div id="div_que_entra"></div>

termine quedando tal y como tu lo has puesto:

<div id="contendor"> <div id="div_que_entra"></div></div>

Con javascript.

Ahora tal vez mi pregunta sea... ¿Se puede hacer esto con javascript?