DOMParser 是浏览器原生构造函数，用于将 XML、HTML 或 SVG 字符串解析为独立 DOM 文档；支持 "text/html"、"application/xml" 和 "image/svg+xml" 三类 MIME 类型。
DOMParser 是什么，它能解析哪些内容
DOMParser 是浏览器原生提供的构造函数，用于将字符串（如 XML、HTML 或 SVG）解析为一个可操作的 DOM 文档对象。它不依赖外部库，也不修改当前页面 DOM，只做“字符串 → 文档树”的转换。
在浏览器中，DOMParser 主要支持三种类型："text/html"、"application/xml" 和 "image/svg+xml"。XML 解析默认使用 "application/xml" 类型；若字符串含 XML 声明（如 <?xml version="1.0"?>），也必须匹配该 MIME 类型，否则可能触发警告或解析失败。
用 DOMParser.parseFromString 解析 XML 字符串
核心方法是 parseFromString()，它接收两个参数：XML 字符串和 MIME 类型。返回值是一个 Document 对象，可用标准 DOM API 查询节点。
常见错误包括传错类型（比如用 "text/html" 解析 XML）、忽略命名空间或未处理解析错误。
立即学习“Java免费学习笔记（深入）”；
- 务必使用
"application/xml"作为第二个参数，即使字符串看起来“很普通” - 解析失败时不会抛异常，但返回的
Document中会包含<parsererror>元素（在 Firefox/Chrome 中可见） - 如果 XML 含命名空间（如
<rss xmlns="http://purl.org/rss/1.0/">），需用getElementsByTagNameNS()或querySelector()配合命名空间前缀（否则查不到节点）
const xmlString = `<?xml version="1.0"?><book><title>JS Guide</title><author>Alex</author></book>`;
const parser = new DOMParser();
const doc = parser.parseFromString(xmlString, "application/xml");
// 检查是否解析出错
if (doc.querySelector("parsererror")) {
console.error("XML 解析失败", doc.querySelector("parsererror").textContent);
} else {
const title = doc.querySelector("title")?.textContent;
console.log(title); // "JS Guide"
}
为什么不能直接用 innerHTML 或 XMLSerializer
innerHTML 是 HTML 专用解析器，遇到 XML 标签（如 <item>）会当作未知 HTML 元素忽略或修正，丢失结构；而 XMLSerializer 是反向操作——把 DOM 转成字符串，不能用来解析。
另一个常见误区是尝试用 JSON.parse() 处理 XML 字符串，这会立即报错，因为 XML 不是 JSON 格式。
-
innerHTML只适用于 HTML 片段，对 XML 无意义且不可靠 -
DOMParser是唯一标准、跨浏览器、无需 polyfill 的 XML 字符串解析方案 - 服务端返回的 XML 响应体（如
response.text()）必须先转为字符串，再传给parseFromString
兼容性与实际使用注意点
DOMParser 在所有现代浏览器中都支持（包括 IE10+），但 IE10–IE11 对空命名空间或某些 DTD 声明支持较弱。移动端 Safari 早期版本曾有小 bug，但目前已无须特别处理。
真正容易被忽略的是编码问题：如果 XML 字符串本身含非 UTF-8 字符（如 GBK 编码的中文），而字符串已按 UTF-8 解码过，就会出现乱码；此时应确保传入 parseFromString 的字符串已是正确解码后的 JS 字符串（即 DOMParser 不处理字节流，只处理 JS string）。
- 不要试图传入 ArrayBuffer 或 Blob 给
parseFromString—— 它只接受字符串 - 若从
fetch获取 XML，优先用response.text()而非response.json()（后者会失败） - 解析后得到的
Document是独立文档，appendChild到页面前需用importNode()（否则报错）
