appendChild pero que lo coloque encima

[humanista]

ok, gracias. al final he encontrado una solución creo q más sencilla pero me da problema, no logro depurarla al máximo.

primero tengo:

Código HTML:

<div id="nuevocomentario"></div>
 

y luego mediante una función en AJAX con la que le paso la varibale texto:

Código Javascript:

var parrafo = document.createElement('div');
parrafo.appendChild(document.createTextNode(texto));
var elementoReferencia = document.getElementById('nuevocomentario').getElementsByTagName('div')[0];
document.getElementById('nuevocomentario').insertBefore(parrafo,elementoReferencia);
 

me coloca el texto con el insertBefore justo encima, tal y como deseo, el problema es que si por ejemplo:

Código Javascript:

var texto='<font size=5>Mi texto</font>';
 

me saca en pantalla tal cual

Código HTML:

<font size=5>Mi texto</font>
 

y no Mi texto con tamaño 5. es decir toda la variable texto para él es eso, texto, no html.

cómo podría solucionarlo?

creo q debería usar innerHTML pero no logro saber dónde o cómo...