Javascript 为什么会有一个；“深度复制”；在附加此HTML时？

我有一个“canvas”元素，它的内容在不断变化

我试图做的是在每次更改上运行一个函数，该函数捕获当时的内容并将其附加到另一个元素中。就像一部每一次变化的历史

window.updateHistory = function() {
    var snapShot = $('#canv').html();

    $('#history').append('<div>' + snapShot + '</div>');
}

window.updateHistory=function（）{
var snapShot=$（'#canv'）.html（）；
$（'#history'）。追加（''+快照+''）；
}

每次调用函数时，

#history

中的每个元素都会随着最新的迭代更新

---

我不明白为什么，

.append

和

.html

似乎都创建了浅拷贝。

您可以尝试克隆方法。它执行元素的深度复制

window.updateHistory=function（）{
var snapShot=$（'#canv'）.clone（）.html（）；
$（'#history'）。追加（''+快照+''）；
}

你对此有什么建议吗？这有点麻烦，因为所有的代码都将按键与编辑HTML绑定在一起，但是是的，如果没有人能立即识别答案，我会在稍后发布。不过我想要一份浅显的副本。我不明白为什么我发布的代码会自动更新。