Узнать, как создать переключение между скрытием и отображением элемента используя HTML, CSS и 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";
}
}
Попробуйте сами »
Совет: Для получения дополнительной информации о дисплее и видимости, прочитайте наш CSS Дисплей Учебник.