首页 > 解决方案 > 使用 javascript 从 XML 文件中读取属性

问题描述

从在此过程中创建的 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 -->

我现在如何访问高度和宽度属性?

标签: javascriptjqueryhtmlxml

解决方案


在您找到的元素(在您的情况下为 x)上使用 getAttribute 函数。见https://www.w3schools.com/xml/met_element_getattribute.asp


推荐阅读