JavaScript怎么动态创建XML文档 createDocument方法_技术教程

JavaScript中动态创建XML文档主要用DOMImplementation.createDocument()方法，支持现代浏览器及IE9+，参数为namespaceURI、qualifiedName和doctype；创建后用xmlDoc.createElement等DOM方法添加节点，再用XMLSerializer序列化为字符串。

JavaScript 中动态创建 XML 文档，主要使用 DOMImplementation.createDocument() 方法。这是标准、跨浏览器（现代浏览器及 IE9+）支持的方式，比过时的 `ActiveXObject` 更可靠和规范。

基本用法：createDocument() 参数说明

createDocument() 接收三个参数：

namespaceURI：文档的命名空间（XML 命名空间，如 SVG 或 XHTML 场景中需要；纯通用 XML 可传 null 或空字符串）
qualifiedName：根元素的标签名（如 "root"、"book"），必须提供
doctype：可选的 DocumentType 对象（一般传 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
IE8 及更早版本不支持 createDocument，需回退到 ActiveXObject("Microsoft.XMLDOM")（现已极少需要）
若需带命名空间（如生成 SVG 或 Atom），第一个参数要传正确 URI，且元素创建建议用 createElementNS()
不要混用 document.createElement 和 xmlDoc.createElement —— 必须用所属文档的方法创建节点，否则会报错“Wrong document”