appendChild a la "inversa"

galorn · #1 (**permalink**) 28/10/2010, 08:15

Hola:

Me gustaría poder una página que se vayan agregando div a un nodo en concreto por ejemplo con id=msg_text
Lo habitual (que tengo yo ahora mismo) es hacer lo siguiente:

Código Javascript:

Ver originalvar targetNode = document.getElementById("msg_text");
var p = document.createElement("div");
p.innerHTML = mensajeMostrado;   // mensajeMostrado cada vez seria algo distinto
targetNode.appendChild(p);

Con esto se consigue que aparezca si por ejemplo mensajeMostrado es A, luego B, C, D:
A
B
C
D

Y yo lo que quiero conseguir es que se vea AL REVES:
D
C
B
A

A alguien se le ocurre como hacerlo en javascript?????????

Un saludo y muchas gracias

Tecna · #2 (**permalink**) 28/10/2010, 09:43

Buenas,

puedes utilizar el método insertBefore para insertar un elemento delante de cualquier otro, por ejemplo:

Código Javascript:

Ver originalfunction init()
{
    var crearP = document.getElementById('crear');
    crearP.onclick = crear;
}
 
window.onload = init;
 
function crear()
{
    var cont = document.getElementsByTagName('div')[0]; // primer div
    var nuevo = document.createElement('p');
    nuevo.innerHTML = 'nuevo parrafo';
    var ref = cont.getElementsByTagName('p')[0]; // primer p dentro de cont
    cont.insertBefore(nuevo, ref); // ahora nuevo es el primer p
    return false; //cancelar el evento
}
 
//fin

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="es">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="Language" content="Spanish">
<script type="text/javascript" src="fichero.js"></script>
<title>insertBefore</title>
</head>
<body>
<div>
<a href="" id="crear">Crear p&aacute;rrafo</a>
<p>yo ya existo</p>
</div>
</body>
</html>

galorn · #3 (**permalink**) 29/10/2010, 03:22

Muchisimas gracias, me ha servido perfectamente :)