Чтение атрибутов из файла XML с использованием javascript

Question

У меня есть несколько проблем при чтении атрибутов высоты и ширины для изображения, которое было обработано в отдельные плитки, из файла xml, созданного в ходе этого процесса.

Содержимое этого файла:

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

Чтобы прочитать файл xml, я использовал следующий код:

<!-- 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 -->

Как мне теперь получить доступ к атрибутам высоты и ширины?

Answer 1

Используйте функцию getAttribute для элемента (x в вашем случае), который вы нашли. См https://www.w3schools.com/xml/met_element_getattribute.asp