讲师中心 微信公众号
AI工具推荐 视频效率加速

使用JavaScript和DOM解析器进行XML映射

浅宇姑娘_5349

浅宇姑娘_5349

发布时间:2026-02-04 11:35:54

|

625人浏览过

|

来源于php中文网

原创

浏览器用 DOMParser 解析 XML 最轻量,Node.js 需 fast-xml-parser;二者均需手动映射字段,注意空格、类型转换、命名空间及注释处理。

使用javascript和dom解析器进行xml映射

JavaScript 原生不提供 DOM 解析器直接解析 XML 字符串为可遍历的 XML 文档对象(像浏览器中 DOMParser 那样),但 Node.js 环境下必须借助第三方库;浏览器环境则可以直接用 DOMParser,但映射逻辑需手动编写,不能自动绑定字段。

浏览器中用 DOMParser 解析 XML 并提取数据

这是最轻量、无需安装依赖的方式,适用于前端加载配置、RSS、SOAP 响应等场景。注意它只在浏览器中可用,Node.js 会报 DOMParser is not defined。

  • DOMParser 返回的是 Document 对象,不是 JSON,所有节点都得用 getElementsByTagName、querySelector 或 getAttribute 手动取值
  • XML 命名空间(如 xmlns)会让 getElementsByTagName 失效,此时必须用 getElementsByTagNameNS
  • 文本内容藏在 textContent 或 firstChild.nodeValue 中,空格和换行也会被当作文本节点,容易误读
const xmlStr = `<book><title>JS Guide</title><author>Alex</author></book>`;
const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlStr, "application/xml");
<p>if (xmlDoc.querySelector("parsererror")) {
console.error("XML parse error");
} else {
const title = xmlDoc.querySelector("title")?.textContent || "";
const author = xmlDoc.querySelector("author")?.textContent || "";
console.log({ title, author }); // { title: "JS Guide", author: "Alex" }
}

Node.js 中解析 XML 的可靠选择:使用 fast-xml-parser

Node.js 没有内置 DOMParser,xml2js 过于老旧且回调风格难维护,fast-xml-parser 是目前最接近“开箱即用”的方案——它能输出 JS 对象,支持属性、CDATA、命名空间,并可反向生成 XML。

Rydberg Agent Node
Rydberg Agent Node

使用一条命令部署ProbeChain Rydberg测试网代理节点。自动注册为Agent(NodeType=1),免gas,支持macOS/Linux/Windows。触发词:/r

下载
  • 默认不保留属性(如 <item id="123"> 中的 id),需显式设置 ignoreAttributes: false
  • 属性名默认带 @_ 前缀(如 {"@_id": "123"}),可通过 attributeNamePrefix: "" 去掉
  • 同名子元素多个时,默认转成数组;若只有一个,它默认不包数组——用 alwaysCreateTextNode: true 或 arrayMode: true 统一行为
const { XMLParser } = require("fast-xml-parser");
const xmlStr = `<root><item id="101">A</item><item id="102">B</item></root>`;
<p>const parser = new XMLParser({
ignoreAttributes: false,
attributeNamePrefix: "",
isArray: (tagName) => tagName === "item",
});
const result = parser.parse(xmlStr);
// → { root: { item: [{ id: "101", "#text": "A" }, { id: "102", "#text": "B" }] } }</p>

手动映射 XML 到 JS 对象时最容易漏掉的三件事

所谓“XML 映射”,本质是把树状结构按业务规则转成扁平或嵌套对象。很多开发者卡在这几步,不是库不行,而是没处理好语义边界。

立即学习“Java免费学习笔记(深入)”;

  • XML 元素可能为空标签(<price/>)或只有空白字符,textContent 会返回 "\n \t",直接 .trim() 不够,建议用 el.textContent?.replace(/\s+/g, " ").trim()
  • 数字、布尔值全为字符串,<count>42</count> 不会自动转成 42,需按 schema 显式转换,否则后续计算出错
  • XML 注释(<!-- desc -->)和处理指令(<?xml ...?>)在 DOMParser 中是节点,但 querySelector 查不到,遍历时要用 nodeType === 8(注释)或 nodeType === 7(处理指令)过滤

映射的核心从来不在解析器选型,而在于你是否定义了字段语义:哪些是必填、哪些要转类型、哪些允许缺失、哪些需去重合并。XML 本身不带类型系统,这部分必须手写,绕不开。

热门AI工具

更多
立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

LibLibAI
LibLibAI Hot

一款AI视频创作工具,主要用于国内领先的AI创意平台,以海量模型、低门槛操作与“创作-分享-商业化”生态,让小白与专业创作者都能高效实现图文乃至视频创意表达,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2035

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

2942

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

996

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

3319

2025.09.10

counta和count的区别
counta和count的区别

Count函数用于计算指定范围内数字的个数,而CountA函数用于计算指定范围内非空单元格的个数。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2728

2023.11.20

pdf怎么转换成xml格式
pdf怎么转换成xml格式

将 pdf 转换为 xml 的方法:1. 使用在线转换器;2. 使用桌面软件(如 adobe acrobat、itext);3. 使用命令行工具(如 pdftoxml)。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

4244

2024.04.01

xml怎么变成word
xml怎么变成word

步骤:1. 导入 xml 文件;2. 选择 xml 结构;3. 映射 xml 元素到 word 元素;4. 生成 word 文档。提示:确保 xml 文件结构良好,并预览 word 文档以验证转换是否成功。想了解更多xml的相关内容,可以阅读本专题下面的文章。

5457

2024.08.01

xml是什么格式的文件
xml是什么格式的文件

xml是一种纯文本格式的文件。xml指的是可扩展标记语言,标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言。想了解更多相关的内容,可阅读本专题下面的相关文章。

2362

2024.11.28

LLVM自定义Pass怎么写
LLVM自定义Pass怎么写

本专题聚焦LLVM自定义Pass开发,整理Pass类结构、run()方法、PreservedAnalyses、CMake构建、插件注册、-load-pass-plugin加载和测试用例编写流程。

80

2026.09.30

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn