我想要达到的结果js如何解析下面的xml字符串

Question

问题遇到的现象和发生背景

用代码块功能插入代码，请勿粘贴截图

我的解答思路和尝试过的方法

我想要达到的结果js如何解析下面的xml字符串

<?xml version="1.0" encoding="gb2312"?>
<Orders>
    <order orderID="A001" orderDate="2009-1-20">
        <name>玩具</name>
        <number>10</number>
        <city>北京</city>
        <zip>100000</zip>
    </order>
    <order orderID="A002" orderDate="2009-3-20">
        <name>文具</name>
        <number>5</number>
        <city>青岛</city>
        <zip>266000</zip>
    </order>
</Orders>

Answer 1

示例代码如下

<script>
    var s = `<?xml version="1.0" encoding="gb2312"?>
<Orders>
    <order orderID="A001" orderDate="2009-1-20">
        <name>玩具</name>
        <number>10</number>
        <city>北京</city>
        <zip>100000</zip>
    </order>
    <order orderID="A002" orderDate="2009-3-20">
        <name>文具</name>
        <number>5</number>
        <city>青岛</city>
        <zip>266000</zip>
    </order>
</Orders>`
    var xml = (new DOMParser()).parseFromString(s, "text/xml");//加载xml，生成xmldom，操作和html一样的
    var citys = xml.querySelectorAll('city');
    for (var city of citys) {
        var order = city.parentNode;
        document.write('orderId：' + order.getAttribute('orderID') + '<br>' +
            'orderDate：' + order.getAttribute('orderDate') + '<br>' +
            'number：' + order.querySelector('number').innerHTML + '<br>' +
            'orderDate：' + order.querySelector('name').innerHTML + '<br>' +
            'city：' + order.querySelector('city').innerHTML + '<br>' +
            'zip：' + order.querySelector('zip').innerHTML+'<hr>');
      }
</script>