如何在JavaScript中用DOMParser读取子元素的属性

Question

我有这个xml

<zone name="main">
        <card number="4" price="0" name="Urza's Tower"/>
        <card number="4" price="0" name="Urza's Power Plant"/>
        <card number="4" price="0" name="Urza's Mine"/>
        <card number="4" price="0" name="Urza's Avenger"/>
        <card number="1" price="0" name="Urza's Miter"/>
        <card number="4" price="0" name="Howling Mine"/>

我想阅读名称属性。我试试这个，但它不起作用：

 var cards = xmlDoc.getElementsByTagName("zone")[0].childNodes;
      for (var i = 0; i < cards.length; i++) {
        console.log(cards[i].getAttribute("name"));
      }

当我在调试器中查看cards[i]时，它会显示所有属性。我似乎无法访问它们......

谢谢！

Answer 1

问题中的代码使用的是.childNodes，因此它不仅仅是card个元素节点，还有card个元素之间的文本节点。

要获得card个元素节点，请改用.children，如下所示：

 var cards = xmlDoc.getElementsByTagName("zone")[0].children;
      for (var i = 0; i < cards.length; i++) {
        console.log(cards[i].getAttribute("name"));
      }