Question

在我的javascript中，我有以下内容：

let person = document.createElement('person');
let name = document.createElement('name');
let surname = document.createElement('surname');
person.appendChild(name);
person.appendChild(surname);

let xml = person;

如何保存我的＆＃34; xml＆＃34;文件中的变量（仅使用javascript）？ OBS：内容不应该在一行中呈现，而是在树结构中：

<person>
    <name></name>
    <surname></surname>
</person>

Answer 1

使用XMLSerializer将文档序列化为XML的方法非常简单。

以下是流程：

给XMLSerializer提供一个元素来序列化为XHTML（这是有效的XML）。
可选择使用xhtml

String.prototype.replace

使用vkbeautify进行漂亮打印（没有原生方式打印）

let person = document.createElement('person');
let name = document.createElement('name');
let surname = document.createElement('surname');
person.appendChild(name);
person.appendChild(surname);

// 1.) use XMLSerializer
let xml = new XMLSerializer().serializeToString(person);

// 2.) remove xml namespace
let xmlWithoutNamespace = xml.replace(' xmlns="http://www.w3.org/1999/xhtml"', '');

// 3.) use vkbeautify or your other favorite library to pretty print
console.log(vkbeautify.xml(xmlWithoutNamespace));

<script src="https://storage.googleapis.com/google-code-archive-downloads/v2/code.google.com/vkbeautify/vkbeautify.0.99.00.beta.js"></script>

Answer 2

您可以使用.outerHTML获取包含person节点和子节点的字符串，data URI表示文件，设置href <a>元素{ {1}}属性集。

download

您也可以创建代表let person = document.createElement('person'); let name = document.createElement('name'); let surname = document.createElement('surname'); person.appendChild(name); person.appendChild(surname); let xml = `data:application/xml,<?xml version="1.0" encoding="UTF-8"?>${encodeURIComponent(person.outerHTML)}`; console.log(person, xml); window.onload = () => { let a = document.createElement("a"); let filename = "xmlfile.xml"; a.download = a.textContent = "xmlfile.xml"; a.href = xml; document.body.appendChild(a); }数据的Blob或File个实例

XML

另见How to download a file without using <a> element with download attribute or a server?

使用javascript

2 个答案: