DOMParser 是 HTML5 中解析 XML 字符串的标准方式，可解析任意合法 XML，但要求格式规范；需注意编码问题，如来自 localStorage 的字符串默认按 UTF-8 解析，GBK 内容易致乱码或解析失败。
HTML5 本身不自动解析 XML，但浏览器原生支持 DOMParser 对象，可直接将 XML 字符串转为可操作的 DOM 树——这是最标准、最可靠的客户端 XML 解析方式。
DOMParser 能否解析任意 XML 字符串？
可以，但需满足基本 XML 格式规范。常见失败不是因为 HTML5 不支持，而是输入字符串本身非法：
-
DOMParser严格校验语法：缺失闭合标签、未转义&或、<a style="color:#f60; text-decoration:underline;" title="编码" href="https://www.php.cn/zt/16108.html" target="_blank">编码</a>不匹配（如声明为 <code>UTF-8但实际是GBK）都会导致解析失败 - 解析后返回
Document对象，其documentElement为根节点；若解析失败，documentElement为null，且控制台会输出错误（非抛异常） - 不支持 DTD 和外部实体，遇到
<!DOCTYPE或<!ENTITY可能静默忽略或报错，取决于浏览器版本
如何安全使用 new DOMParser().parseFromString()？
关键在参数顺序和 MIME 类型。第二个参数必须是 "text/xml" 或 "application/xml"，用错会导致解析行为异常（例如被当作 HTML 解析）：
const xmlStr = `<book><title>JS Guide</title><price>49.9</price></book>`;
const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlStr, "text/xml");
// 检查是否解析成功
if (xmlDoc.querySelector("parsererror")) {
console.error("XML 解析失败：", xmlDoc.querySelector("parsererror").textContent);
} else {
const title = xmlDoc.querySelector("title")?.textContent;
console.log(title); // "JS Guide"
}
注意：parsererror 是浏览器插入的特殊元素，仅当解析失败时存在，是判断错误的可靠依据，不要依赖 xmlDoc.documentElement 是否为 null（某些旧版 Chrome 表现不一致）。
立即学习“前端免费学习笔记（深入）”；
与 XMLHttpRequest / fetch 返回的 responseXML 的区别？
三者底层都用 DOMParser，但触发时机和可控性不同：
-
XMLHttpRequest.responseXML：仅当请求头Content-Type包含xml且响应体合法时才有值；否则为null，无法干预解析过程 -
fetch().then(r => r.text()).then(str => parser.parseFromString(str, "text/xml"))：完全可控，可预处理字符串（如修复 BOM、替换非法字符）、统一编码、添加默认命名空间 - 直接用
DOMParser解析字符串是最轻量、最确定的方式，适合配置文件、接口返回的 XML 片段、本地存储的 XML 数据等场景
真正容易被忽略的是编码隐含问题：如果 XML 字符串来自 localStorage 或用户粘贴，它没有 HTTP 头，DOMParser 默认按 UTF-8 解析。若原始内容含 GBK 字节却未转码，就会出现乱码甚至解析中断——这种问题不会报错，只会让 querySelector 找不到节点。
