Hur växla gömma och visa

Använd JavaScript för att växla mellan gömma och visa element.

Klicka på knappen!

Växla (gömma/visa) element

第1步 - 添加 HTML：

<button onclick="myFunction()">Klicka mig</button>
<div id="myDIV">
  Detta är mitt DIV-element.
</div>

第2步 - 添加 JavaScript：

function myFunction() {
  var x = document.getElementById("myDIV");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  {}
{}

Prova själv

Relaterade sidor

Tutorial:CSS-visning