Diese Frage hat hier bereits eine Antwort:

Ich bin ein Anfänger in der Webentwicklung und versuche, Zeilenumbrüche in meine XML-Datei einzufügen. So sieht mein XML aus:

<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>

Ich möchte Zeilenumbrüche zwischen den Sätzen für die Texte haben. Ich habe alles von / n ausprobiert und ähnliche Codes, PHP-Parsing usw., und nichts funktioniert! Ich habe stundenlang online gegoogelt und kann anscheinend keine Antwort finden. Ich verwende XML, um Daten mit Javascript in eine HTML-Seite einzufügen.

Weiß jemand, wie man dieses Problem löst?

Und dies ist der JS-Code, mit dem ich die XML-Daten in die HTML-Seite eingefügt habe:

<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>