如何在 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"));
      }