在Web开发中，经常需要从前端接收到的XML格式数据里提取节点的属性，例如商品编号、配置项名称等。JavaScript运行在浏览器环境时，借助DOM接口可以非常方便地完成这件事，不需要引入第三方库。
一、使用getAttribute方法读取属性
最基础也最常用的方法是调用元素节点的getAttribute方法。该方法接收一个属性名字符串，返回对应的属性值。如果属性不存在，则返回空字符串而不是null，这一点在写判断逻辑时要特别注意。
下面是一段完整的示例代码，演示如何解析XML字符串并获取标签属性：
// 假设有一段XML字符串
var xmlString = '<books><book id="b001" category="tech">JavaScript高级编程</book></books>';
// 使用DOMParser解析
var parser = new DOMParser();
var xmlDoc = parser.parseFromString(xmlString, 'text/xml');
// 获取book节点
var bookNode = xmlDoc.getElementsByTagName('book')[0];
// 读取属性
var bookId = bookNode.getAttribute('id');
var bookCategory = bookNode.getAttribute('category');
console.log('书籍ID：' + bookId);
console.log('分类：' + bookCategory);
这种写法的优点是语义清晰、兼容性好，现代浏览器全部支持。缺点是必须确保XML已经正确解析为文档对象，否则getAttribute会因节点为null而报错。
为了避免空节点导致的异常，实际项目中建议先判断节点是否存在，或者使用可选链语法简化代码逻辑。
二、通过attributes集合遍历属性
除了直接指定属性名，元素节点还有一个attributes属性，它是一个类数组对象，包含了该节点上的所有属性。当你不清楚XML里具体有哪些属性，或者需要动态处理时，遍历attributes会更灵活。
以下代码展示了如何把某个标签的所有属性打印出来：
var xmlString = '<user name="tom" age="28" role="admin" />';
var xmlDoc = new DOMParser().parseFromString(xmlString, 'text/xml');
var userNode = xmlDoc.documentElement;
// 遍历attributes
for (var i = 0; i < userNode.attributes.length; i++) {
var attr = userNode.attributes[i];
console.log('属性名：' + attr.name + '，属性值：' + attr.value);
}
这种方式的优势在于通用性强，适合做通用的XML解析工具。不过它的性能比直接getAttribute略低，因为需要循环处理，但在一般业务数据量下差异可以忽略。
要注意的是，attributes中包含的不仅是用户定义的属性，某些环境下还可能包含命名空间相关属性，遍历时可根据name做过滤。
三、旧版IE中的ActiveXObject兼容方案
在非常老旧的IE浏览器（如IE8及以下）中，没有DOMParser对象，需要使用ActiveXObject来加载XML。虽然现在已很少见，但在维护老系统时仍可能碰到。
示例代码如下：
function loadXMLInOldIE(xmlString) {
var xmlDoc = new ActiveXObject('Microsoft.XMLDOM');
xmlDoc.async = false;
xmlDoc.loadXML(xmlString);
return xmlDoc;
}
var oldXml = '<item code="x100">示例</item>';
var doc = loadXMLInOldIE(oldXml);
var item = doc.getElementsByTagName('item')[0];
alert(item.getAttribute('code'));
这种方案仅限Windows平台旧IE，不支持移动端和现代浏览器。如果项目仍需兼顾，建议用特性检测来分流：先判断是否支持DOMParser，不支持再走ActiveX分支。
总体来看，获取XML标签属性值的核心就是先解析成DOM，再通过节点方法读取。掌握这三种方式，足以应对绝大多数前端XML处理场景。
四、常见错误与排查
初学者常犯的一个错误是把XML标签名称写成HTML标签形式，例如在字符串里直接写未转义的<input>，导致解析器把它当成了HTML元素而非XML节点。在拼接XML字符串时，务必保证结构良好，必要时对特殊字符转义。
另一个问题是编码声明缺失造成中文乱码，虽然DOMParser默认按UTF-8处理，但源字符串若来自其他系统，最好显式统一编码，避免属性值出现乱码字符。
// 错误示例：未转义导致解析异常 var badXml = '<note><body>内容</body></note>'; // 正确做法：保持标签闭合与转义规范 var goodXml = '<note><body>内容</body></note>';
只要遵循DOM标准接口，JavaScript获取XML属性并不是难题。建议在团队内封装一个小型XML工具函数，统一处理解析和属性读取，减少重复代码。
JavaScriptXMLgetAttribute修改时间：2026-08-06 07:42:24