添加一些 DOM 之后恢复为纯 div

Question

我有一个用 html 创建的 div。在本次潜水中，我使用 JavaScript 添加了一些元素。然后我克隆了添加了这些新元素的 div。克隆过程结束后，我希望用 HTML 创建的 div 返回到页面开头的纯状态。我怎样才能用 JavaScript 做到这一点

我想返回到我的 HTML div。

Answer 1

在将元素添加到原始 div 之前，请将其

innerHTML

属性保存到您自己的变量中。

const originalDiv = document.querySelector('.div1')
const savedHTML = originalDiv.innerHTML

然后，当您想将其重置为“纯状态”时，只需将

innerHTML

设置为该变量中的值即可。

originalDiv.innerHTML = savedHTML