Question

我想知道如何在单击按钮后也可以使按钮撤消某些操作。在我的场景中，仅是简单格式化Text（颜色，大小等），当您第一次单击它时，它将按照Javascript中的描述格式化文本，但是我想添加一个函数，当您再次单击它时，它将撤消该操作。

`<script>    
function myFunction(){    
  document.getElementById("demo").style.fontsize="25px";
  document.getElementById("demo").style.color="#3AF702";
  document.getElementById("demo").style.backgroundcolor="red";    
}    
</script>`

<button type="change" onclick="myFunction()">Change!</button>

我已经检查了其他文章，这些文章似乎相关，但是我没有从中得到任何帮助，因此，如果这是重复的话，我要提前道歉，并感谢您的帮助！

Answer 1

#header .user .user_menu .user_options ul li {
    height: 1.5rem;
    }

Answer 2

最简单的方法是添加和删除类

<style>
  .change {
    font-size: 25px;
    color: #3AF702;
    background-color="red"
  }
</style>
<script>
  var x = 0;

  function myFunction() {
    if (x == 0) {
      document.getElementById("demo").classList.add("change");
      x = 1;
    } else {
      document.getElementById("demo").classList.remove("change");
      x = 0;
    }
  }
</script>

<button type="change" onclick="myFunction()">Change!</button>

Answer 3

function upsum(M); n = size(M)[1]; sum = 0
    for i = 1:n-1 for j = i+1:n
        sum = sum + M[i,j]
        end
    end
    return sum
end

R = randn(10000,10000)
upsum(R)

Answer 4

创建一个存储按钮初始值的对象和一个保存按钮状态的变量。

z-index

现在，您可以像这样轻松地在备份和新值之间切换：

z-index: 1050;

Answer 5

function myFunction(){
  demo.className = demo.className ? "" : "style"
}

.style {
    font-size: 25px;
    color: red;
    background: blue;
}

<p id="demo">Hi!</p>
<button type="change" onclick="myFunction()">Change!</button>

HTML + Javascript按钮再次单击以撤消

5 个答案: