试图；“风格”；使用JavaScript输出XML_Javascript_Html_Xml

试图；“风格”；使用JavaScript输出XML

javascript html xml

试图；“风格”；使用JavaScript输出XML,javascript,html,xml,Javascript,Html,Xml,基本上，我正在读取一个XML文件，我希望确保您能够清楚地读取内容。按照我现在读出来的方式，你会看到一行很长的内容。我希望它是：标题：瓦尔标题：VAL2 等等，我试着使用HTML换行符标记，但这不起作用。有什么建议吗？以下是当前的输出： var段落=document.getElementById（“容器”）； var xmlhttp，xmlDoc； xmlhttp=新的XMLHttpRequest（）； open（“GET”，“Opdracht1XML.xml”，false）； xmlht

基本上，我正在读取一个XML文件，我希望确保您能够清楚地读取内容。按照我现在读出来的方式，你会看到一行很长的内容。我希望它是：

标题：瓦尔

标题：VAL2

等等，我试着使用HTML换行符标记，但这不起作用。有什么建议吗？以下是当前的输出：



var段落=document.getElementById（“容器”）；
var xmlhttp，xmlDoc；
xmlhttp=新的XMLHttpRequest（）；
open（“GET”，“Opdracht1XML.xml”，false）；
xmlhttp.send（）；
xmlDoc=xmlhttp.responseXML；
x=xmlDoc.getElementsByTagName（“CD”）[0].childNodes；
z=xmlDoc.getElementsByTagName（“CD”）
对于（k=0；k”）；
}

我自己找到了一个解决方案，如果你自己努力尝试找到解决方案，那就谢谢你了

（解决方案：


var xmlhttp=new XMLHttpRequest（）；
xmlhttp.onreadystatechange=函数（）{
if（this.readyState==4&&this.status==200）{
我的职能（本）；
}
};
open（“GET”，“Opdracht1XML.xml”，true）；
xmlhttp.send（）；
函数myFunction（xml）{
var i；
var xmlDoc=xml.responseXML；
var table=“TitleArtistCountryCompanyPriceYear”；
var x=xmlDoc.getElementsByTagName（“CD”）；
对于（i=0；i
<!DOCTYPE html>
<html>
<body>

<div id="XMLDisplay">
    <p id="container"></p>
</div>

<script>
var paragraph = document.getElementById("container");
var xmlhttp, xmlDoc;
        xmlhttp = new XMLHttpRequest();
        xmlhttp.open("GET", "Opdracht1XML.xml", false);
        xmlhttp.send();
        xmlDoc = xmlhttp.responseXML;
        x = xmlDoc.getElementsByTagName("CD")[0].childNodes;
        z = xmlDoc.getElementsByTagName("CD")
        for (k = 0; k < x.length; k++) {          
                y = xmlDoc.getElementsByTagName("CD")[k].firstChild;
            for (i = 0; i < x.length; i++) //looping xml childnodes
            {            
                if (y.nodeType == 1) {
                    var elements = y.nodeName;
                    var values = y.firstChild.nodeValue;
                    paragraph.append(elements + ": " + values);
                }
                y = y.nextSibling;

            }
            document.write("<br/>");
        }
</script>

</body>
</html>

<script>
  var xmlhttp = new XMLHttpRequest();
  xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      myFunction(this);
    }
  };
  xmlhttp.open("GET", "Opdracht1XML.xml", true);
  xmlhttp.send();

function myFunction(xml) {
  var i;
  var xmlDoc = xml.responseXML;
  var table="<tr><th>Title</th><th>Artist</th><th>Country</th><th>Company</th><th>Price</th><th>Year</th></tr>";
  var x = xmlDoc.getElementsByTagName("CD");
  for (i = 0; i <x.length; i++) { 
    table += "<tr><td>" +
    x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue +
    "</td><td>" +
    x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue +
    "</td><td>" +
    x[i].getElementsByTagName("COUNTRY")[0].childNodes[0].nodeValue +
    "</td><td>" +
    x[i].getElementsByTagName("COMPANY")[0].childNodes[0].nodeValue +
    "</td><td>" +
    x[i].getElementsByTagName("PRICE")[0].childNodes[0].nodeValue +
    "</td><td>" +
    x[i].getElementsByTagName("YEAR")[0].childNodes[0].nodeValue +
    "</td></tr>";
  }
  document.getElementById("table").innerHTML = table;
}
</script>