javascript怎样操作XML数据?_javascript的XML解析器如何使用?

admin 百科 16
JavaScript操作XML主要用DOMParser解析字符串为DOM对象、XMLSerializer序列化回字符串,并配合DOM API查询修改;现代浏览器原生支持,无需额外库。

javascript怎样操作XML数据?_javascript的XML解析器如何使用?-第1张图片-佛山资讯网

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 判断是否出错
  • 示例:
<script><br> const xmlStr = `<bookstore><book id="1"><title>JS Guide<price>49.99`;<br> const parser = new DOMParser();<br> const xmlDoc = parser.parseFromString(xmlStr, &quot;text/xml&quot;);<br> if (xmlDoc.querySelector("parsererror")) {<br> console.error("XML 解析失败");<br> } else {<br> console.log(xmlDoc.documentElement.tagName); // "bookstore"<br> }<br> </script>

用标准 DOM 方法查询和提取数据

解析后的 xmlDoc 就是一个标准的 XML 文档对象,支持所有 DOM 查询方法。

  • getElementsByTagName("title"):获取所有 <title></title> 元素(返回 HTMLCollection)
  • querySelector("book[id='1'] title"):用 CSS 选择器精准定位
  • getAttribute("id") 获取属性值
  • textContentfirstChild.nodeValue 获取元素文本内容(注意空白文本节点)
  • 推荐优先用 querySelector + textContent 组合,简洁可靠

动态创建和修改 XML 文档

可使用 document.implementation.createDocument() 创建空 XML 文档,再用 createElementNSsetAttributeappendChild 等方法构建结构。

标签: css javascript java html js node 浏览器 app access 跨域 xml解析

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~