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