js解析xml文件详解

Question

dage解析的时候详细注释一下方便理解

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) {
        if (city.innerHTML == '青岛') {
            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
            )
            break;
        }

    }
</script>