Javascript:用户脚本后重新加载默认值

时间:2017-03-08 16:28:48

标签: javascript userscripts event-listener tampermonkey

我有一个用户脚本,在单击按钮后执行一些操作。通过再次单击相同的按钮(如切换按钮),我希望它能够恢复'回到默认值。默认情况下,我的意思是页面加载内容。检查我的代码:

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}}功能。这样做的正确代码是什么?有没有更好的方法可以做到这一点,也许不需要在变量中保存所有内容?

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;
}