17370845950

答案：JavaScript通过DOMParser解析XML字符串为DOM对象后，使用getAttribute或attributes访问元素属性值。例如解析含book和title标签的XML后，可获取id、category及lang等属性，操作前需确保元素存在以保证程序健壮性。

JavaScript获取XML标签的属性值，可以通过原生DOM方法解析XML文档并访问元素的属性。只要正确解析XML，就能轻松提取任意标签的属性内容。

解析XML字符串为DOM对象

在操作XML前，需要将XML字符串转换为可操作的DOM结构。使用DOMParser是标准做法。

示例代码：

const xmlString = `

  

`;

const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlString, "text/xml");

这样就得到了一个可以遍历和查询的XML DOM对象。

获取元素属性值的方法

有多种方式可以获取XML元素的属性值，常用方法如下：

• getAttribute(name)：通过属性名获取值
• attributes[name]：通过属性集合访问
• getAttributeNode(name)：获取属性节点对象（较少用）

继续上面的例子：

const bookElement = xmlDoc.querySelector("book");

// 方法1：使用 getAttribute
const id = bookElement.getAttribute("id");           // "123"
const category = bookElement.getAttribute("category"); // "fiction"

// 方法2：使用 attributes
const lang = bookElement.attributes["category"].value; // "fiction"

处理嵌套标签的属性

如果要获取子标签的属性，只需先定位到对应元素。

例如获取title标签的lang属性：

const titleElement = xmlDoc.querySelector("title");
const langValue = titleElement.getAttribute("lang"); // "en"

也可以使用getElementsByTagName等方法查找元素：

const titles = xmlDoc.getElementsByTagName("title");
if (titles.length > 0) {
  const lang = titles[0].getAttribute("lang");
}

基本上就这些。只要XML能正确解析，获取属性就是简单的DOM操作。注意检查元素是否存在，避免getAttribute调用在null对象上出错。实际开发中建议加上存在性判断，确保程序健壮性。