添加一些 DOM 后恢复为纯 div

Reverting back to pure div after a few DOM additions

提问人:Jokdeniz_07 提问时间:11/2/2023 更新时间:11/2/2023 访问量:29

问:

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

我想回到我的 fure HTML div。

javascript html css dom

评论

1赞 Barmar 11/2/2023
在克隆之后添加元素,而不是在克隆之前添加元素。然后原来的 div 将保持不变。

答:

0赞 Brett Donald 11/2/2023 #1

在向原始 div 添加元素之前,请将其属性保存到您自己的变量中。innerHTML

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

然后,当您想将其重置为“纯状态”时,只需将其设置为该变量中的值即可。innerHTML

originalDiv.innerHTML = savedHTML