javascript - 如何将 innerHTML 保存到 Javascript 变量中,以便在更改实际的 innerHTML 时保持不变
问题描述
所以我在一个网站上工作,里面有类似buzzfeed的测验(结果是根据用户回答特定答案的次数来计算的)我决定处理并列结果的方式是显示所有结果被捆绑在一排整齐的按钮中,用户可以单击这些按钮以查看相同 psge 中该结果的更多详细信息。单击其中一个按钮会擦除这些按钮,因此我实现了一个“后退”按钮来再次显示这些按钮,它们都具有相同的功能。我的 javascript 看起来像这样:
var container = document.getElementById("container");
const og = container.innerHTML;
...
function backButton() {
document.getElementById("back").onclick = function() {
container.innerHTML = og;
};
}
每当按下其他按钮之一时,都会调用该backbutton();
函数来实现该按钮。og
作为一个我const
已经设法让后退按钮将页面恢复到原来的状态但是按钮失去了所有功能请帮助我
解决方案
在元素本身上使用数据属性
var container = document.getElementById("container");
container.data.og = containter.innerHTML;
...
function backButton() {
document.getElementById("back").onclick = function() {
container.innerHTML = container.data.og;
};
}
推荐阅读
- uwp-xaml - 如何在 win2d 中将 CanvasBitmap 缩放到所需的新宽度和高度而不会使图像模糊?
- flutter - Flutter,如何在不使用标签库按钮的情况下更改当前标签栏屏幕
- python - 如何在盈透证券导出账户投资组合信息
- azure - Azure Functions - 发布 local.settings.json
- python - IndentationError:databricks 和 pyspark 中的意外缩进
- php - 金额输入栏
- centos7 - 如何在vim8中启用python3
- r - 使用 r 将 csv 转换为时间序列?
- spring - 检查上传的 Spring Multipart File 是否有表单字段
- c - realloc noob 用法,在某些情况下工作,否则会出现段错误