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