Reading attributes from an XML file using javascript

Question

I'm having a few issues reading the height and width attributes about an image that has been processed into individual tiles, from an xml file created during this process.

The contents of this file are as such:

<IMAGE_PROPERTIES WIDTH="61504" HEIGHT="25408" NUMTILES="32233" NUMIMAGES="1" VERSION="1.8" TILESIZE="256" />

To read the xml file I have used the following code:

<!-- language: lang-js -->

var xhr = new XMLHttpRequest();
xhr.open('GET', path, true);
xhr.timeout = 2000; 
xhr.onload = function () {
    var xmlDoc = this.responseXML;
    console.log(xmlDoc);
    var x = xmlDoc.getElementsByTagName("IMAGE_PROPERTIES")[0];
    console.log(x);
};

<!-- end snippet -->

How do I now access the height and width attributes?

Does this answer your question? reading XML attributes in javascript — Heretic Monkey
– Heretic Monkey, Commented Feb 18, 2020 at 16:03

William Walseth · Accepted Answer · 2020-02-18 16:41:34Z

0

Use the getAttribute function on the element (x in your case) that you found. See https://www.w3schools.com/xml/met_element_getattribute.asp

answered Feb 18, 2020 at 16:41

William Walseth

2,9431 gold badge28 silver badges26 bronze badges

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

1 Comment

Gecko29 Over a year ago

I get the message "x.getAttribute is not a function at XMLHttpRequest.xhr.onload"

Collectives™ on Stack Overflow

Reading attributes from an XML file using javascript

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related