Javascript y los saltos de linea en xml

[navegantes]

Hola de nuevo. Se ve que no estoy muy inspirado hoy.

Tengo un textarea el cual guarda el contenido en una DB MYSQL.
El texto que se escribe y posteriormente se guarda tiene párrafos con salto de linea. Cuando miro el contenido guardado en la DB con phpmyadmin el contenido se muestra con dichos párrafos. Si el contenido lo cargo en un textarea para su modificación también se muestra con los saltos de linea. Pero cuando lo quiero mostrar a los usuarios en la web entonces no me mantiene la estructura.

La consulta la realizo con php y la respuesta la monto en un XML con el siguiente aspecto:

Código XML:

echo "<noticia>";
echo "<texto>".$ver_res['texto']."</texto>";
echo "</noticia>";
 

Posteriormente con JS muestro dichos resultados.

Código Javascript:

var col_texto = document.createElement ('div');
col_texto.class="texto";
col_texto.appendChild (document.createTextNode(respuesta.documentElement.getElementsByTagName('texto')[i].firstChild.nodeValue));
fila.appendChild (col_texto);
 

La información la lee y la muestra sin saltos de lineas. Todo seguido.

He probado con nl2br() poniéndolo en el php

Código PHP:

echo nl2br("<texto>".$ver_res['body']."</texto>");
 

Me genera un XML que se muestra así:

Código XML:

<noticia>
   <texto>
     nada
       <br>
       <br>
     hola que tal
   </texto>
</noticia>
 

Para empezar no se porque hay dos <br> cuando en principio si solo hay un salto de linea debería de ser solo un <br> ¿No?

Y después el resultado final tan solo es que se muestra el primer párrafo...

¿Alguien me puede echar una mano?

Espero haberme explicado.