Esta pregunta ya tiene una respuesta aquí:

Soy un principiante en desarrollo web y estoy tratando de insertar saltos de línea en mi archivo XML. Así es como se ve mi XML:

<musicpage>
   <song>
      <title>Song Title</title>
      <lyric>Lyrics</lyric>
   </song>

    <song>
      <title>Song Title</title>
      <lyric>Lyrics</lyric>
   </song>

    <song>
      <title>Song Title</title>
      <lyric>Lyrics</lyric>
   </song>

    <song>
      <title>Song Title</title>
      <lyric>Lyrics</lyric>
   </song>
</musicpage>

Quiero tener saltos de línea entre las oraciones para la letra. Intenté todo desde / n, y otros códigos similares, análisis PHP, etc., ¡y nada funciona! He estado buscando en línea durante horas y parece que no puedo encontrar la respuesta. Estoy usando el XML para insertar datos en una página HTML usando Javascript.

¿Alguien sabe cómo solucionar este problema

Y este es el código JS que utilicé para insertar los datos XML en la página HTML:

<script type="text/javascript">

    if (window.XMLHttpRequest) {
    xhttp=new XMLHttpRequest();
} else {
    xhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.open("GET","xml/musicpage_lyrics.xml",false);
xhttp.send("");
xmlDoc=xhttp.responseXML;

var x=xmlDoc.getElementsByTagName("songs");
for (i=0;i<x.length;i++) {
    document.write("<p class='msg_head'>");
    document.write(x[i].getElementsByTagName("title")[0].childNodes[0].nodeValue);
    document.write("</p><p class='msg_body'>");
    document.write(x[i].getElementsByTagName("lyric")[0].childNodes[0].nodeValue);
    document.write("</p>");
}
</script>