我如何保存innerHTML到一个Javascript变量，使其保持不变，当我改变实际的innerHTML

Question

所以我在一个网站上工作，在它有蜂群式测验(其中的结果是根据多少次用户回答了一个特定的答案计算)我决定处理绑定结果的方式是将所有绑定的结果显示在一排整齐的按钮中，用户可以单击这些按钮在同一页面中查看该结果的更多详细信息。单击其中一个按钮将删除按钮，因此我实现了一个"返回"按钮。按钮再次显示按钮，它们都具有相同的功能。我的javascript是这样的:

var container = document.getElementById("container");
const og = container.innerHTML;
...
function backButton() {
document.getElementById("back").onclick = function() {
container.innerHTML = og;
};
}

调用backbutton();函数，以便在按下其他按钮时实现该按钮。与og是一个const我已经设法让后退按钮恢复页面回到原来的状态，但然后按钮失去了所有的功能请帮帮我

Answer 1

在元素本身使用data属性

var container = document.getElementById("container");
container.data.og = containter.innerHTML;
...
function backButton() {
document.getElementById("back").onclick = function() {
container.innerHTML = container.data.og;
};
}