Включить/выключить элемент

Переключение между скрытым и видимым состоянием элемента при помощи JavaScript.


Нажми на кнопку!

Как переключать состояние (скрытый/видимый) элемента

Шаг 1) Добавляем HTML:

Пример


<button onclick="myFunction()">Нажми на меня</button>

<div id="myDIV">
  Это мой элемент DIV.
</div>

Шаг 2) Добавляем JavaScript:

Пример


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

Попробовать самому »

Совет: Более подробно о свойствах display и visibility читайте наш учебник по CSS Типы представления.