XML DOM中缺少节点——一个简单的示例

Missing nodes in XML DOM - simple example

本文关键字：一个 简单 DOM XML 节点      更新时间：2023-09-26

XML表应该如何呈现

由于.XML文档在UNIT 3中缺少QUANTITY的节点，因此表不会呈现。

如何跳过XMLDOM中丢失的节点


XML文档（example.XML）

<?xml version="1.0" encoding="UTF-8"?>
<CUSTOMER_ORDER>
    <UNIT>
        <ID>Unit 1</ID>
        <QUANTITY>45</QUANTITY>
        <PRICE>25.99</PRICE>
    </UNIT>
    <UNIT>
        <ID>Unit 2</ID>
        <QUANTITY>209</QUANTITY>
        <PRICE>9.95</PRICE>
    </UNIT>
    <UNIT>
        <ID>Unit 3</ID>   <!-- The QUANTITY node for Unit 3 is missing -->
        <PRICE>14.99</PRICE>
    </UNIT>
    <UNIT>
        <ID>Unit 4</ID>
        <QUANTITY>156</QUANTITY>
        <PRICE>35.88</PRICE>
    </UNIT>
    <UNIT>
        <ID>Unit 5</ID>
        <QUANTITY>25</QUANTITY>
        <PRICE>199.00</PRICE>
    </UNIT>
</CUSTOMER_ORDER>

这是XML DOM（带HTML）

<!DOCTYPE html>
<html>
<style>
table,th,td {
  border : 2px solid black;
  border-collapse: collapse;
}
th,td {
  padding: 5px;
}
</style>
<body>
<body onload="loadXMLDoc()">
<table id="test"></table>
<script>
function loadXMLDoc() {
  var xmlhttp = new XMLHttpRequest();
  xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
     testFunction(xmlhttp);
    }
  };
  xmlhttp.open("GET", "example.xml", true);
  xmlhttp.send();
}
function testFunction(xml) {
  var table="<tr><th>Unit</th><th>Price</th><th>Quantity</th></tr>";
  var xmlDoc = xml.responseXML;
  var i;
  var y = xmlDoc.getElementsByTagName("UNIT");
  for (i = 0; i < y.length; i++) 
  {
  var u = y[i].getElementsByTagName("ID")[0].childNodes[0].nodeValue;
  var p = y[i].getElementsByTagName("PRICE")[0].childNodes[0].nodeValue;
  var q = y[i].getElementsByTagName("QUANTITY")[0].childNodes[0].nodeValue;
    table += "<tr><td>" +
    u +                         // Unit ID column
    "</td><td>" +
    p +                         // PRICE column
    "</td><td>" +
    q +                         // QUANTITY column
    "</td></tr>";
   }
  document.getElementById("test").innerHTML = table;
}
</script>
</body>
</html>

就像@Pointy说的那样，在设置q之前检查是否有数量。如果quantity丢失，则将默认值设置为1或您希望的任何值。

替换此：

var q = y[i].getElementsByTagName("QUANTITY")[0].childNodes[0].nodeValue;

带有：

var qElem = y[i].getElementsByTagName("QUANTITY"); //Get quantity elems
var q = (qElem.length > 0) ? qElem[0].childNodes[0].nodeValue : 1; //Check if there is anything in qElem if not set q to 1

这应该行得通。

相关文章：