javascript如何操作XML数据_DOMParser和XMLSerializer怎么用

JavaScript操作XML主要用DOMParser解析字符串为XML文档对象，再用XMLSerializer转回字符串；需指定MIME类型、检查parsererror错误，支持命名空间和CDATA，现代浏览器兼容良好。

JavaScript 操作 XML 数据主要靠 DOMParser 解析字符串为 XML 文档对象，再用 XMLSerializer 把 XML 文档对象转回字符串。两者配合，就能完成“解析 → 修改 → 序列化”的完整流程。

用 DOMParser 解析 XML 字符串

DOMParser 是浏览器原生 API，专门用于将 XML（或 HTML）字符串解析成可操作的 DOM 文档对象。对 XML，必须指定 MIME 类型 "application/xml" 或 "text/xml"，否则可能解析失败或行为不一致。

• 基本用法：
  

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

• 检查是否解析成功：
  解析出错时，浏览器通常会返回一个含 的文档。可通过查找该元素判断：
  

  if (xmlDoc.querySelector("parsererror")) {
    console.error("XML 解析失败：", xmlDoc.querySelector("parsererror").textContent);
  }

• 后续可像操作 HTML DOM 一样查询、修改：
  

  const title = xmlDoc.querySelector("title").textContent; // "JS Guide"
  xmlDoc.querySelector("author").textContent = "Bob";

用 XMLSerializer 序列化 XML 文档对象

XMLSerializer 将 XML 文档（或任意节点）还原为格式良好的 XML 字符串，保留命名空间、属性顺序（大部分情况下）、CDATA 等 XML 特性。

• 基础用法：
  

  const serializer = new XMLSerializer();
  const newXmlStr = serializer.serializeToString(xmlDoc);
  // → "Bob"

• 只序列化某个子节点也支持：
  

  const authorNode = xmlDoc.querySelector("author");
  serializer.serializeToString(authorNode); // "Bob"

• 注意：它不会自动缩进或美化输出，如需格式化，需自行添加换行与缩进逻辑，或借助第三方库。

常见注意事项和兼容性

这两个 API 在现代浏览器中支持良好（Chrome 1+、Firefox 1+、Safari 3.1+、Edge 12+），但仍有细节需留意：

动态WEB网站中的PHP和MySQL：直观的QuickPro指南第2版

动态WEB网站中的PHP和MySQL详细反映实际程序的需求，仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法，让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能，对常用的、强大的包

下载

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

• XML 命名空间：若 XML 含命名空间（如 xmlns:ns="http://example.com"），解析后节点的 namespaceURI 和 localName 可用，但 querySelector 默认不识别前缀；建议用 getElementsByTagNameNS 或带命名空间的 XPath。
• 特殊字符与 CDATA：DOMParser 正确处理实体（& → &）和 CDATA 节；XMLSerializer 会原样保留 CDATA 内容，但不会主动把文本包裹进 CDATA —— 需手动创建 createCDATASection() 节点插入。
• IE 兼容（已过时但偶有需求）：旧版 IE 使用 ActiveXObject("Microsoft.XMLDOM")，需单独判断，目前一般无需支持。

一个完整示例：读取、修改并保存 XML

模拟处理配置 XML 的典型场景：

function updateXmlConfig(xmlStr, newVersion) {
  const parser = new DOMParser();
  const xmlDoc = parser.parseFromString(xmlStr, "application/xml");
  if (xmlDoc.querySelector("parsererror")) throw new Error("Invalid XML");

  const versionEl = xmlDoc.querySelector("version");
  if (versionEl) versionEl.textContent = newVersion;

  const serializer = new XMLSerializer();
  return serializer.serializeToString(xmlDoc);
}

// 使用
const raw = `MyApp1.0`;
console.log(updateXmlConfig(raw, "2.1"));
// → "MyApp2.1"