Jak na to – Přepnout skrýt a zobrazit
Přepínání mezi skrytím a zobrazením prvku pomocí JavaScriptu.
Klikněte na tlačítko!
Přepnout (Skrýt/Zobrazit) prvek
Krok 1) Přidejte HTML:
Příklad
<button onclick="myFunction()">Click Me</button>
<div id="myDIV">
This is my DIV element.
</div>
Krok 2) Přidejte JavaScript:
Příklad
function myFunction() {
var x = document.getElementById("myDIV");
if (x.style.display
=== "none") {
x.style.display = "block";
} else {
x.style.display =
"none";
}
}
Tip: Další informace o zobrazení a viditelnosti najdete v našem výukovém programu zobrazení CSS .