How to read attribute of child element with DOMParser in JavaScript

Question

I have this 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"/>

And I'd like to read the name attributes. I try this but it doesn't work:

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

When I view cards[i] in the debugger it shows all the attributes. I just can't seem to access them...

Thanks!

try changing the var cards = ... to var cards = xmlDoc.getElementsByTagName("card");. — phoa
– phoa, Commented Dec 1, 2016 at 2:28

sideshowbarker · Accepted Answer · 2016-12-01 02:34:33Z

4

The code in the question is using .childNodes so it’s not getting just the card element nodes but also the text nodes between the card elements.

To get just the card element nodes, use .children instead, like this:

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

edited Dec 1, 2016 at 2:34

answered Dec 1, 2016 at 2:29

sideshowbarker

89.2k30 gold badges219 silver badges216 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to read attribute of child element with DOMParser in JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related