在javascript中替换整个DOM答案

【问题标题】：Replace whole DOM in javascript在javascript中替换整个DOM
【发布时间】：2012-02-08 11:32:46
【问题描述】：

我需要在我的项目中实现撤消重做功能。但它非常复杂，每次更改都会影响许多元素。我认为保存和恢复整个页面将是最好的选择。但是我在缺少 .data() DOM 元素的参数时遇到了一些问题。我使用下一个功能：

// save
var documentCopy = document.documentElement.cloneNode(true);

// restore
document.replaceChild(
documentCopy,
document.documentElement
);

如何通过保存元素的 jQuery.data() 来保存和恢复整个 DOM？

【问题讨论】：

【解决方案1】：

我会尝试使用 jQuery 的 clone 来代替。请务必将其与两个true 参数一起使用，但要小心，因为这可能非常非常慢。你确定这是实现你想要的唯一方法吗？您不能替换文档的一小部分吗？

请注意，这似乎不适用于document.documentElement，并且将它与文档的body 一起使用似乎会丢失原始元素的数据（说什么？）。 Here's a small test.

【讨论】：