JavaScript中动态创建XML文档主要用DOMImplementation.createDocument()方法,支持现代浏览器及IE9+,参数为namespaceURI、qualifiedName和doctype;创建后用xmlDoc.createElement等DOM方法添加节点,再用XMLSerializer序列化为字符串。
JavaScript 中动态创建 XML 文档,主要使用 DOMImplementation.createDocument() 方法。这是标准、跨浏览器(现代浏览器及 IE9+)支持的方式,比
过时的 `ActiveXObject` 更可靠和规范。
createDocument() 接收三个参数:
null 或空字符串)"root"、"book"),必须提供null,除非需定义 DTD)示例:创建一个空的 XML 文档,根元素为
const xmlDoc = document.implementation.createDocument(null, "data", null); // xmlDoc 现在是一个 XML 文档对象,已含
创建文档后,用标准 DOM 方法操作节点:
document.createElement() 创建新元素(注意:在 XML 文档中,推荐用 xmlDoc.createElement())textContent 或 appendChild(document.createTextNode()) 设置文本appendChild() 或 insertBefore() 组织结构完整示例:
const xmlDoc = document.implementation.createDocument(null, "library", null);
const book = xmlDoc.createElement("book");
book.setAttribute("id", "1");
const title = xmlDoc.createElement("title");
title.textContent = "JavaScript高级程序设计";
const author = xmlDoc.createElement("author");
author.textContent = "Nicholas C. Zakas";
book.appendChild(title);
book.appendChild(author);
xmlDoc.documentElement.appendChild(book);
// 此时 xmlDoc 表示:
//
//
// JavaScript高级程序设计
// Nicholas C. Zakas
//
//
XML 文档对象本身不能直接用 innerHTML,需用 XMLSerializer 转为字符串:
new XMLSerializer()
.serializeToString(xmlDoc)
const serializer = new XMLSerializer(); const xmlString = serializer.serializeToString(xmlDoc); console.log(xmlString); // 输出格式化后的 XML 字符串(无缩进,如需美化需自行处理)
几点关键提醒:
XMLDocument(不是 HTMLDocument),对 HTML 特有属性(如 innerText)不适用,优先用 textContent
createDocument,需回退到 ActiveXObject("Microsoft.XMLDOM")(现已极少需要)createElementNS()
document.createElement 和 xmlDoc.createElement —— 必须用所属文档的方法创建节点,否则会报错“Wrong document”基本上就这些。createDocument 是构建 XML 的干净起点,配合 DOM 操作和 XMLSerializer,就能完成从创建、编辑到导出的全流程。