JavaScript操作XML主要用DOMParser解析字符串为DOM对象、XMLSerializer序列化回字符串，并配合DOM API查询修改；现代浏览器原生支持，无需额外库。
JavaScript 操作 XML 数据主要依靠浏览器内置的 DOMParser（解析 XML 字符串为 DOM 对象）和 XMLSerializer（将 XML DOM 对象序列化为字符串），配合标准 DOM API 进行查询、修改、遍历等操作。现代浏览器均原生支持，无需额外库。
用 DOMParser 解析 XML 字符串
这是最常用的方式，把一段 XML 文本转成可操作的文档对象。
- 创建
DOMParser实例，调用parseFromString()，传入 XML 字符串和 MIME 类型"text/xml"（或"application/xml"） - 若 XML 格式错误，不会抛错，但解析结果的
documentElement会是null，建议检查parseError（仅 IE 支持）或通过getElementsByTagName("parsererror").length判断是否出错 - 示例：
const xmlStr = `<bookstore><book id="1"><title>JS Guide</title><price>49.99</price></book></bookstore>`;
const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlStr, "text/xml");
if (xmlDoc.querySelector("parsererror")) {
console.error("XML 解析失败");
} else {
console.log(xmlDoc.documentElement.tagName); // "bookstore"
}
</script>
用标准 DOM 方法查询和提取数据
解析后的 xmlDoc 就是一个标准的 XML 文档对象，支持所有 DOM 查询方法。
-
getElementsByTagName("title")：获取所有<title>元素（返回 HTMLCollection） -
querySelector("book[id='1'] title")：用 CSS 选择器精准定位 -
getAttribute("id")获取属性值 -
textContent或firstChild.nodeValue获取元素文本内容（注意空白文本节点） - 推荐优先用
querySelector+textContent组合，简洁可靠
动态创建和修改 XML 文档
可使用 document.implementation.createDocument() 创建空 XML 文档，再用 createElementNS、setAttribute、appendChild 等方法构建结构。
立即学习“Java免费学习笔记（深入）”；
- 创建文档：
const doc = document.implementation.createDocument("", "", null); - 添加根元素：
const root = doc.createElement("root"); doc.appendChild(root); - 设置命名空间（如需）：
createElementNS("http://example.com/ns", "item") - 修改后可用
XMLSerializer转回字符串：new XMLSerializer().serializeToString(doc)
注意跨域与安全限制
直接解析本地字符串无限制；但通过 fetch 或 XMLHttpRequest 加载外部 XML 文件时，受同源策略约束。
- 跨域请求需服务端设置
Access-Control-Allow-Origin - 避免用
eval或innerHTML处理不可信 XML，防止注入风险 - XML 中的实体（如
）会被自动解码，无需手动处理
