如何将DOM状态重置为初始状态（首次接收页面时？）

Question

我通过一些js库操作了网页DOM，这些库改变了onMouseup onMousedown和onMousemove的行为，但我不确定。

使用DOM检查器，我可以看到其中一些更改被设置为主要 “文档”对象的属性。

因此，我试图找出的是一种存储方法，该方法是在页面加载时存储“文档”对象的初始状态（或者可能存储整个DOM？），以便以后可以恢复它。

我对此的幼稚尝试：

var initial_state = document
document = initial_state

你猜怎么了？ 它没有用...所以...我需要知道什么，我该怎么做呢？

更新 ：我现在知道java赋值是通过引用而不是通过值，所以现在我正在尝试.extend（），但是这个问题的重点是无论如何，无论如何，我将能够将DOM的完整状态保存在其初始阶段（收到页面时），然后再次进行恢复。 完整状态是指html，javascript状态，对象属性和方法，以便在还原它时，DOM与您第一次收到的DOM完全相同。

我知道这可能很困难，并且可能需要与javascript代码状态的复杂度成正比的特定案例代码 。 但这会有所帮助，如果能在最简单的情况下（至少在我的问题示例中，您收到一些html以及一些发生变化的js代码）能看到至少一个以正确的方式完成此操作的代码示例，我将非常感激整个文档的onMousedown的默认值）。

Answer 1

因为JavaScript的工作方式（不复制对象，而是通过引用传递对象），所以initial_state var刚刚存储了对DOM文档的引用。 当DOM文档更新时，您的initial_state var将反映这些更改，因为它只是指向DOM文档的引用，而不是“独立的”对象。

要获得对象的副本，该对象是“真实”对象，而不仅仅是对第一个对象的引用，您需要clone 。

如果您使用jQuery，则可以使用扩展功能进行克隆

// for simple cloning
var initDoc = $.extend({}, document);

// for deep cloning
var initDocument = $.extend(true, {}, document);

如果您对使用jQuery.extend（）不感兴趣，请查看有关在JavaScript中克隆对象的相关问题。

如何正确克隆JavaScript对象？