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判断是否出错 - 示例:
用标准 DOM 方法查询和提取数据
解析后的 xmlDoc 就是一个标准的 XML 文档对象,支持所有 DOM 查询方法。
-
getElementsByTagName("title"):获取所有<title></title>元素(返回 HTMLCollection) -
querySelector("book[id='1'] title"):用 CSS 选择器精准定位 -
getAttribute("id")获取属性值 -
textContent或firstChild.nodeValue获取元素文本内容(注意空白文本节点) - 推荐优先用
querySelector+textContent组合,简洁可靠
动态创建和修改 XML 文档
可使用 document.implementation.createDocument() 创建空 XML 文档,再用 createElementNS、setAttribute、appendChild 等方法构建结构。
标签: css javascript java html js node 浏览器 app access 跨域 xml解析
还木有评论哦,快来抢沙发吧~