intento insertar un parrafo nuevo dentro de un div

[roboty]

Estoy intentando insertar un parrafo nuevo dentro de un div quedando el primero pero me esta insertando solo el texto, este es el codigo:

Código HTML:

<div  id='datos'>
<p>unico parrafo</p>
</div>
 

Código Javascript:

contenido="nuevo parrafo";
p_nuevo = document.createElement('p').appendChild(document.createTextNode(contenido));
parrafo = document.getElementById('datos').getElementsByTagName('p')[0];
document.getElementById('datos').insertBefore(p_nuevo,parrafo);
 

viendo el codigo fuente me aparece solo el texto añadido pero si la etiqueta p.
saludos.

[GeekGirl]

Por qué estás creando un text node para añadir al párrafo? Eso es lo que está trayendo problemas. Simplemente creá la nueva etiqueta <p> y pasale el contenido como innerHTML:

Código Javascript:

var contenido = "nuevo parrafo";
var p_nuevo = document.createElement('p');
    p_nuevo.innerHTML = contenido;
var parrafo = document.getElementById('datos').getElementsByTagName('p')[0];
 
document.getElementById('datos').insertBefore(p_nuevo,parrafo);
 

Saludos :)

[Pantaláimon]

La solución de GeekGirl está bien, pero esto no quiere decir que tu enfoque esté mal. Simplemente has tenido un despiste. Fíjate en la documentación de appendChild. Dice que:

The returned value is the appended child.

Es decir, que appendChild devuelve el hijo insertado. Así que el valor asignado a la variable p_nuevo será el elemento textNode insertado. Por eso, te ocurre lo que dices ¿Cómo se puede solucionar? Haciendo las cosas paso por paso:

Código Javascript:

var contenido = "nuevo parrafo";
// crea y asigna a p_nuevo el elemento párrafo que creas
var p_nuevo = document.createElement('p')
// inserta en p_nuevo el elemento textNode que creas
p_nuevo.appendChild(document.createTextNode(contenido));
// crea una variable datos donde asignar el div contenedor de parrafos
var datos = document.getElementById('datos')
// obten el primer parrafo
parrafo = datos.getElementsByTagName('p')[0];
// inserta el nuevo parrafo antes del primer parrafo
datos.insertBefore(p_nuevo,parrafo);
 

Un saludo!