如何用Java Script从XML中获取属性值？

要从XML中获取属性值，你可以使用JavaScript的DOM解析器来解析XML文档，并通过节点对象访问属性值。以下是一个简单的示例，展示了如何使用JavaScript从XML中获取属性值：

假设你有以下的XML数据：

<?xml version="1.0" encoding="UTF-8"?>
<books>
    <book id="1">
        <title>JavaScript高级程序设计</title>
        <author>Nicholas C. Zakas</author>
    </book>
    <book id="2">
        <title>深入理解ES6</title>
        <author>Nicholas C. Zakas</author>
    </book>
</books>

你可以使用以下的JavaScript代码来获取book元素的id属性值：

// 假设你的XML数据存储在一个名为xmlString的变量中
var xmlString = `<?xml version="1.0" encoding="UTF-8"?>
<books>
    <book id="1">
        <title>JavaScript高级程序设计</title>
        <author>Nicholas C. Zakas</author>
    </book>
    <book id="2">
        <title>深入理解ES6</title>
        <author>Nicholas C. Zakas</author>
    </book>
</books>`;

// 创建一个DOM解析器
var parser = new DOMParser();

// 使用DOM解析器解析XML字符串
var xmlDoc = parser.parseFromString(xmlString, "text/xml");

// 获取所有的book元素
var books = xmlDoc.getElementsByTagName("book");

// 遍历所有的book元素并获取它们的id属性值
for (var i = 0; i < books.length; i++) {
    var bookId = books[i].getAttribute("id");
    console.log("Book ID: " + bookId);
}

在这个例子中，DOMParser对象用于解析XML字符串，getElementsByTagName方法用于获取所有的book元素，然后通过getAttribute方法获取每个book元素的id属性值。

如果你是从外部文件加载XML，可以使用XMLHttpRequest或fetch API来获取XML内容，然后再进行解析。

例如，使用fetch API：

// 假设你的XML文件名为books.xml，并且与HTML文件在同一目录下
fetch('books.xml')
    .then(response => response.text())
    .then(xmlString => {
        var parser = new DOMParser();
        var xmlDoc = parser.parseFromString(xmlString, "text/xml");
        var books = xmlDoc.getElementsByTagName("book");
        for (var i = 0; i < books.length; i++) {
            var bookId = books[i].getAttribute("id");
            console.log("Book ID: " + bookId);
        }
    })
    .catch(error => console.error('Error:', error));

在这个例子中，fetch API用于异步获取XML文件的内容，然后使用DOMParser解析并获取属性值。

参考链接：

请注意，如果你在处理XML时遇到解析错误，可能是因为XML格式不正确。确保你的XML文件格式正确，并且所有的标签都正确闭合。如果遇到解析错误，DOMParser的parseFromString方法会返回一个包含错误信息的文档，你可以通过检查这个文档来诊断问题。