Crear un div con un parrafo dentro

kaman10 · #1 (**permalink**) 24/06/2011, 17:35

hola gente tengo un problema no se que estoy haciendo mal, necesito crear un div y colocar un elemento p dentro del div.

este el codigo que tengo:

Código HTML:

<html>
<head>
<title>Crear e insertar un div con un parrafo</title>
</head>

<body>
<script language="javascript">
var primero1 = document.createElement('div');//creo el elemento div
primero1.setAttribute('id','primero1');//asigno un atributo id con su nombre
primero1.insertBefore(primero1,primero);//inserto la primero1 antes de primero 
var parrafo1a = document.createElement('p');//creo el elemento p
var texto = document.createTextNode('Texto para el div primero1');//coloco texto en el parrafo creado
parrafo1a.appendChild(texto);
document.getElementById('primero1').appendChild(parrafo1a);
</script>

<div id="contenido">

<div id="primero">
<p>Parrafo en el div primero</p>
</div>

<div id="segundo">
<p>Parrafo en el div segundo</p>
</div>

<div id="tercero">
<p>Parrafo en el div tercero</p>
</div>

</body>
</html>

la idea es crear un div llamado primero1 e insertarlo antes del div primero y a su vez colocar un parrafo en el div creado para su visualizacion en el navegador
gracias desde ya

goteen_mx · #2 (**permalink**) 24/06/2011, 17:49

En esta linea

primero1.insertBefore(primero1,primero);

sería

primero1.insertBefore(primero1,document.getElement ById("primero"));

Saludos.

kaman10 · #3 (**permalink**) 24/06/2011, 23:53

todavia no funciona, gracias por el aporte. saludos