我有一个用户脚本,在单击按钮后执行一些操作。通过再次单击相同的按钮(如切换按钮),我希望它能够恢复'回到默认值。默认情况下,我的意思是页面加载内容。检查我的代码:
std::set
我可以用var myTbl = document.getElementsByClassName("myTable")[0];
var myCells = myTbl.getElementsByTagName("td");
myCells[2].innerHTML = "<span id='myButton' class='button'>Do something / Revert</span>";
document.getElementById("myButton").addEventListener("click", doSomething, false);
function doSomething() {
// do some stuff with myTbl
document.getElementById("myButton").removeEventListener("click", doSomething, false);
document.getElementById("myButton").addEventListener("click", revertToDefault, false);
}
function revertToDefault() {
// location.reaload();
}
来做,但那不是我想要的。我更喜欢在变量中保存加载内容的默认值,就像我使用变量myTbl location.reaload();
一样,并保留默认内容,然后在执行{时将该默认内容保存在变量myTbl var myTbl = document.getElementsByClassName("myTable")[0];
中{1}}功能。这样做的正确代码是什么?有没有更好的方法可以做到这一点,也许不需要在变量中保存所有内容?
答案 0 :(得分:-1)
可行的解决方案:
var myTbl = document.getElementsByClassName("myTable")[0];
var defaultTbl = myTbl.innerHTML; // this way defaultTbl remains intact while manipulating myTbl object
function revertToDefault() {
myTbl.innerHTML = defaultTbl;
}