javascript - element.cloneNode(true)(深度克隆)的效率如何？

Question

我正在使用 XSL 模板在 XML DOM 对象中构建 HTML 代码，用作 div 元素的 innerHTML 的内容。传统上，我们创建一个新的 XML DOM 文档并将输入参数添加为 XML 元素，以便通过 javascript 进行转换。这一切都非常耗时，因为我们基本上是从另一个代表我们当前帐户的 XML 文档中手工挑选数据，并将数据复制到一个 transient XML DOM 文档中。

我想做的是克隆帐户文档的相关节点(即客户信息)并将其用作转换的基础。我不想直接使用帐户文档，因为我希望能够添加特定于转换的输入，而无需更改帐户对象。

对于通常包含 2000 多个元素的文档中通常少于 200 个元素的所需节点，使用 .cloneNode(true) 的效率如何？目标平台是 IE6，没有外部工具(即 ActiveX)。

Answer 1

CloneNode 非常高效，但这样做会消耗更多内存。

要考虑的另一种方法是使用模板对象和处理器，将您的附加/更改数据作为参数传递给处理器，并将您将以其他方式克隆的元素作为输入元素传递。不过，这种方法需要对 XSL 进行相当重要的修改。