Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/06/2011, 17:35
Avatar de kaman10
kaman10
 
Fecha de Ingreso: enero-2011
Ubicación: Uruguay
Mensajes: 63
Antigüedad: 14 años, 2 meses
Puntos: 1
Crear un div con un parrafo dentro

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