querySelector在XML中通常无效，因其仅支持HTML文档，不处理XML的大小写敏感性、命名空间及无语义标签等特性，调用会抛出NotSupportedError或返回不可靠结果；应改用XPath。
CSS选择器不能直接用于查询XML文档的 querySelector，因为标准的 Document.querySelector()（包括在浏览器中）**仅支持HTML文档**，且其行为依赖于HTML语义（如标签名不区分大小写、隐式命名空间处理等）。XML是严格区分大小写、支持命名空间、无预定义标签语义的，而原生 querySelector 不处理命名空间，也不适配XML的解析规则。
为什么 querySelector 在 XML 中通常无效
即使你用 DOMParser 解析 XML 得到一个 XMLDocument，调用它的 querySelector 方法：
- 在多数浏览器中会抛出
DOMException: NotSupportedError（例如 Chrome、Firefox）； - 即便某些环境（如旧版 Safari 或特定 polyfill）允许调用，结果也常不可靠：大小写敏感性错乱、属性选择器失效、伪类不支持、命名空间完全忽略；
- XML 中的
querySelector("book")可能匹配失败——HTML模式下它会“宽容”地转为小写，XML模式下不会。
可行替代方案：使用 XPath
XPath 是专为 XML（和 HTML）设计的查询语言，原生支持命名空间、大小写敏感、节点类型判断等。在解析后的 XML 文档上可安全使用：
- 用
DOMParser解析 XML 字符串； - 调用
document.evaluate()执行 XPath 表达式； - 示例：查所有
const result = doc.evaluate('//title', doc, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
for (let i = 0; i < result.snapshotLength; i++) {
console.log(result.snapshotItem(i).textContent);
}
若坚持用类似 CSS 的语法：借助第三方库
有轻量库将 CSS 选择器编译为 XPath（或遍历逻辑），适配 XML：
立即学习“前端免费学习笔记（深入）”；
-
xml-css-selector（npm 包）：专为 XML 设计，支持基础选择器（
elem、[attr]、.class、#id），保留大小写与结构； -
cheerio（需配合 XML parser）：默认为 HTML，但可用
xmlMode: true初始化，并支持大部分 CSS 选择器（注意：不支持命名空间前缀）； - 自定义简易实现：对 XML DOM 进行深度遍历 + 正则/字符串匹配（仅适用于简单场景，不推荐生产环境）。
命名空间 XML 的特别注意事项
如果 XML 含命名空间（如
- 注册命名空间：
const resolver = {
lookupNamespaceURI: function(prefix) {
return prefix === 'rss' ? 'http://purl.org/rss/1.0/' : null;
}
};
doc.evaluate('//rss:channel', doc, resolver, ...) - CSS 选择器本身不支持命名空间前缀（
rss|channel非标准且不被任何浏览器实现），因此无法用纯 CSS 方式可靠查询带命名空间的 XML。
