XML/JavaScript 解析节点 - 按名称指定子节点

Question

用于包含销售订单和详细信息以及 SKU 和数量...

var myOrders = 
"<?xml version='1.0' encoding='UTF-8'?>" +
"<Orders>" +
   "<Order>" +
      "<OrderHeader>" +
          "<OrderNo>12345</OrderNo>" +
      "</OrderHeader>" +
      "<OrderDetails>" +      
         "<Sku>ABC</Sku>" +
         "<Qty>2</Qty>" +
         "<Sku>DEF</Sku>" +
         "<Qty>3</Qty>" +
      "</OrderDetails>" +
   "</Order>"....
"</Orders>";

我可以像这样用 Mozill 中的 javascript 解析。

parser=new DOMParser();
xmlDoc=parser.parseFromString(myOrders,"text/xml");    
myValue = xmlDoc.getElementsByTagName("Order");
// list all all SKUs ordered
for(i = 0; i < myValue.length; i++){    
    console.log(myValue);
    var order = myValue[i].firstChild.firstChild.firstChild.nodeValue;
    document.write(order + "<br>");
}

我可以替换此行吗：

    var order = myValue[i].firstChild.firstChild.firstChild.nodeValue;

有更具体的东西

像...

  var order = myValue[i]['Order']['OrderDetail']['Sku'].nodeValue;

Answer 1

你可以试试querySelector：

myValue[i].querySelector('OrderHeader > OrderNo').textContent

还要考虑querySelectorAll：

var elements = xmlDoc.querySelectorAll("Order > OrderHeader > OrderNo");
for(var i = 0; i < elements.length; i++){    
    var order = elements[i].textContent;
}

Answer 2

使用 querySelector 和 querySelectorAll，这似乎有效。我能提高效率吗？ 我似乎不必使用完整的路径（A> B> C）。 请注意，我在下面的示例中添加了 OrderDetail 标签。 我没有这个验证，但看起来更干净。

var myOrders = 
"<?xml version='1.0' encoding='UTF-8'?>" +
"<Orders>" +
   "<Order>" +
      "<OrderHeader>" +
          "<OrderNo>12345</OrderNo>" +
      "</OrderHeader>" +
      "<OrderDetails>" +      
         "<OrderDetail>" +    
            "<Sku>ABC</Sku>" +
            "<Qty>2</Qty>" +
         "</OrderDetail>" +   
         "<OrderDetail>" +    
            "<Sku>DEF</Sku>" +
            "<Qty>4</Qty>" +
         "</OrderDetail>" +   
      "</OrderDetails>" +
   "</Order>"...;
document.write("</br>4. Get all Orders Numbers and SKU Ordered for each Order</br>");
myOrders= xmlDoc.getElementsByTagName("Order"); 
// iterate through orders
for(x = 0; x < myOrders.length; x++){           
    var myOrder = myOrders[x].querySelector('OrderNo').textContent;
    document.write(myOrder + "</br>");
// iterate through SKUS in each order
    var mySkus = myOrders[x].querySelectorAll('OrderDetail > Sku');     
    for(y = 0; y < mySkus.length; y++){                     
        document.write("-- SKU: " + mySkus[y].firstChild.nodeValue + "</br>");
    }
}
document.write("<hr>");