HTML5中DOMParser必须指定"application/xml"类型才能正确解析带命名空间的XML，否则命名空间前缀和xmlns属性失效，getElementsByTagNameNS无法匹配节点。
HTML5 中无法直接解析带命名空间的 XML 文档
HTML5 的 DOMParser 默认以 "text/html" 模式解析，遇到带命名空间（如 <ns:tag>）的 XML 会失败或丢弃前缀。必须显式指定 "application/xml" 或 "text/xml" MIME 类型，否则 xmlns 属性和前缀全部失效，getElementsByTagNameNS 也查不到节点。
用 DOMParser 解析带命名空间 XML 的正确写法
关键在 parseFromString 的第二个参数——不能写 "text/html" 或留空，必须是 XML 类型。同时注意：浏览器对命名空间 URI 的校验较松，但前缀绑定必须在文档中真实存在（如 xmlns:ns="http://example.com/ns"），否则 getElementsByTagNameNS 查不到。
- 使用
DOMParser时，始终传入"application/xml" - 若 XML 字符串含 BOM 或编码声明（如
<?xml version="1.0" encoding="UTF-8"?>），不影响解析，但建议统一 UTF-8 - 命名空间 URI 区分大小写，
getElementsByTagNameNS("http://ex.com", "item")和getElementsByTagNameNS("http://EX.com", "item")不等价
const xmlStr = `<?xml version="1.0"?>
<root xmlns:ns="http://example.com/ns">
<ns:item id="1">A</ns:item>
</root>`;
const parser = new DOMParser();
const doc = parser.parseFromString(xmlStr, "application/xml");
// ✅ 正确获取
const items = doc.getElementsByTagNameNS("http://example.com/ns", "item");
// ❌ 错误：用 "" 或 "*" 无法匹配带前缀的元素
// const items = doc.getElementsByTagNameNS("", "ns:item"); // 不行
XML 命名空间在 HTML 环境中的常见坑
HTML5 渲染引擎（Blink/WebKit）对 XML 命名空间的支持是“解析可用、渲染忽略”。这意味着你可以用 JS 操作带命名空间的节点，但一旦把该 XML 节点插入 HTML DOM（如 document.body.appendChild(doc.documentElement)），所有命名空间信息会被剥离，ns:item 变成普通 item 标签，且 xmlns 属性消失。
- 不要试图在 HTML 页面中直接
innerHTML插入带命名空间的 XML 字符串——命名空间前缀会变成非法标签名，触发 HTML 自动纠错（如转成<item></item>） -
getAttribute("xmlns:ns")在解析后可能返回null，应改用documentElement.getAttribute("xmlns:ns")或遍历attributes集合 - IE11 及更早版本不支持
getElementsByTagNameNS，需降级用正则提取或querySelectorAll("[ns\:item]")（不推荐，兼容性差）
替代方案：用 fetch + Response.text() + 自定义解析逻辑
当需要更高可控性（比如忽略命名空间、合并同名不同前缀的节点），可跳过 DOMParser，改用字符串处理。适用于结构简单、命名空间仅作标识无语义的场景（如某些遗留 SOAP 响应）。
立即学习“前端免费学习笔记（深入）”；
- 用
fetch(url).then(r => r.text())获取原始字符串，避免自动解析干扰 - 用正则临时剥离命名空间前缀：
xmlStr.replace(/</?[w-]+:/g, "</")（仅作示意，实际需更严谨） - 若需保留命名空间语义但简化操作，可在解析后遍历节点，将
namespaceURI映射为自定义属性（如node.dataset.nsUri = node.namespaceURI）
const simplified = xmlStr.replace(/</?([a-zA-Z][w.-]*):/g, "</"); // 注意：此正则不处理 xmlns 属性，仅清理标签前缀 const tempDoc = new DOMParser().parseFromString(simplified, "application/xml");命名空间不是装饰，浏览器解析时认 URI 不认前缀；而 HTML 环境里它又几乎不参与渲染——这种“只管解析、不管展示”的割裂，正是最容易被忽略的复杂点。
