Foros del Web - Ver Mensaje Individual

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>