javascript - 如何在 Javascript 中深度克隆 XMLDocument 对象？

Question

我正在创建一个将 XML 文件解析为 XMLDocument 对象的工具。我正在使用 xml 解析器的浏览器实现，例如:

new DOMParser().parseFromString(text,"text/xml");

出于某种原因，我应该在另一个变量中保存当前 XMLDocument 对象的副本。

问题是 - 如何深度克隆解析的 xml 对象？

谢谢!

Answer 1

您使用 cloneNode(true) ，其中 Document 继承自 Node:

var d2 = d.cloneNode(true);

示例:

var d = new DOMParser().parseFromString(
  "<root><x><y></y></x></root>",
  "text/xml"
);
// Prove it's a deep clone by removing `y` from `x`:
console.log("d before", d.documentElement.firstChild.children.length);
var x = d.documentElement.firstChild;
var d2 = d.cloneNode(true);
x.removeChild(x.firstChild);
console.log("d after", d.documentElement.firstChild.children.length);
console.log("d2 after", d2.documentElement.firstChild.children.length);

<小时/>

Eugene Ryabtsev points out这不会克隆 prolog 中的信息，这是一个很好的观点。

截至撰写本文时，序言信息包括:

• XML 版本
• 独立标志
• 编码

其中，只有 standalone 标志是相关的。截至撰写本文时，版本始终为 1.0(即使您在序言中给出了不同的 1.x 值，它也会被处理为 XML 1.0 文档 per spec )；并且编码不相关，因为我们正在处理内存中的文档，而不是我们从字节反序列化的文本。

但是独立标志确实没有被cloneNode复制(至少在Chrome上没有)。如果您还想复制独立标志，请添加:

d2.xmlStandalone = d.xmlStandalone;

在cloneNode之后。