JavaScript怎么获取XML节点的属性值-XML/RSS教程-PHP中文网

JavaScript怎么获取XML节点的属性值

煙雲

发布： 2025-12-15 11:01:02

原创

153人浏览过

在 JavaScript 中获取 XML 节点属性值需先用 DOMParser 解析 XML 字符串为 Document 对象，再通过 querySelector 等定位目标元素，最后用 getAttribute() 或 attributes 集合读取属性，注意大小写敏感及解析异常处理。

javascript怎么获取xml节点的属性值

在 JavaScript 中获取 XML 节点的属性值，核心是先解析 XML（得到 Document 对象），再定位到目标元素节点，最后用 getAttribute() 或 attributes 集合读取属性。

1. 解析 XML 字符串得到 Document 对象

浏览器中常用 DOMParser 将 XML 字符串转为可操作的 DOM 结构：

const xmlStr = `<book id="101" category="fiction" lang="zh"><title>三体</title></book>`;
const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlStr, "application/xml");

登录后复制

⚠️ 注意：若解析失败（如格式错误），xmlDoc 中可能出现 <parsererror></parsererror>，建议检查 xmlDoc.documentElement.nodeName !== "parsererror"。

2. 定位目标元素节点

可用 getElementsByTagName、querySelector 或 documentElement 等方式获取节点：

立即学习“Java免费学习笔记（深入）”；

风车Ai翻译

跨境电商必备AI翻译工具

407

查看详情

const book = xmlDoc.querySelector("book");
const book = xmlDoc.getElementsByTagName("book")[0];
const book = xmlDoc.documentElement; // 若根元素就是 book

3. 获取属性值的两种常用方法

✅ 推荐用 getAttribute(name) —— 简洁、安全、返回字符串或 null：

book.getAttribute("id"); // → "101"
book.getAttribute("lang"); // → "zh"
book.getAttribute("price"); // → null（不存在时）

? 或访问 attributes 集合 —— 适合遍历所有属性：

book.attributes["category"].value; // → "fiction"
book.attributes.getNamedItem("id").value; // → "101"
Array.from(book.attributes).forEach(attr => console.log(attr.name, attr.value));