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

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

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

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

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

const xmlStr = ``;
const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlStr, "application/xml");

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

2. 定位目标元素节点

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

• 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));

4. 注意事项

• XML 属性名区分大小写：getAttribute("ID") ≠ getAttribute("id")
• HTML 模式下解析 XML 可能出错，务必指定 MIME 类型 "application/xml"
• 若 XML 来自网络（如 fetch），注意响应类型设为 text/xml 或用 response.text() 后手动解析

基本上就这些。只要 XML 解析成功，取属性就是一步调用，不复杂但容易忽略大小写和解析异常处理。

# javascript  # java  # html  # node  # go  # 浏览器  # app 

相关文章： ppt在线制作免费网站推荐,有什么下载免费的ppt模板网站？  高性能网站服务器部署指南：稳定运行与安全配置优化方案  网站制作价目表怎么做,珍爱网婚介费用多少？  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  网站制作费用多少钱,一个网站的运营，需要哪些费用？  建站之星后台密码遗忘如何找回？  制作门户网站的参考文献在哪,小说网站怎么建立？  建站之星如何保障用户数据免受黑客入侵？  c++ stringstream用法详解_c++字符串与数字转换利器  建站主机服务器选型指南与性能优化方案解析  ,有什么在线背英语单词效率比较高的网站？  如何在新浪SAE免费搭建个人博客？  如何快速搭建安全的FTP站点？  头像制作网站在线制作软件,dw网页背景图像怎么设置？  如何配置FTP站点权限与安全设置？  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode（.NET组件介绍之四）  专业网站建设制作报价,网页设计制作要考什么证？  如何在万网自助建站中设置域名及备案？  如何快速登录WAP自助建站平台？  h5在线制作网站电脑版下载,h5网页制作软件？  如何在云主机快速搭建网站站点？  如何选择CMS系统实现快速建站与SEO优化？  济南网站建设制作公司,室内设计网站一般都有哪些功能？  零基础网站服务器架设实战：轻量应用与域名解析配置指南  如何用腾讯建站主机快速创建免费网站？  如何在IIS管理器中快速创建并配置网站？  制作网站哪家好,cc、.co、.cm哪个域名更适合做网站？  深圳网站制作费用多少钱,读秀，深圳文献港这样的网站很多只提供网上试读，但有些人只要提供试读的文章就能全篇下载，这个是怎么弄的？  如何在Golang中处理模块冲突_解决依赖版本不兼容问题  网站设计制作企业有哪些,抖音官网主页怎么设置？  如何在Windows服务器上快速搭建网站？  如何彻底卸载建站之星软件？  企业网站制作费用多少,企业网站空间一般需要多大，费用是多少？  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊？  网站网页制作专业公司,怎样制作自己的网页？  如何在IIS中配置站点IP、端口及主机头？  网站专业制作公司,网站编辑是做什么的？好做吗？工作前景如何？  活动邀请函制作网站有哪些,活动邀请函文案？  枣阳网站制作,阳新火车站打的到仙岛湖多少钱？  C++中引用和指针有什么区别？（代码说明）  西安制作网站公司有哪些,西安货运司机用的最多的app或者网站是什么？  nginx修改上传文件大小限制的方法  如何通过建站之星自助学习解决操作问题？  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样？  家庭服务器如何搭建个人网站？  如何在Windows虚拟主机上快速搭建网站？  css网站制作参考文献有哪些,易聊怎么注册？  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  linux top下的 minerd 木马清除方法