Узнать, как создать показ скрытого элемента используя HTML, CSS и JavaScript.
Показать скрытый элемент
Если элемент <div> скрыт, сделайте что-нибудь:
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).display === "none") {
// Сделать нечто..
}
}
Попробуйте сами »Примечание: Когда элемент скрыт с помощью display:none (как и в примере выше), элемент не будет занимать никакого пространства.
Чтобы узнать, скрыт ли элемент с помощью visibility:hidden, смотрите пример ниже. Этот "скрытый" элемент займет место.
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).visibility === "hidden") {
// Сделать нечто..
}
}
Попробуйте сами »Совет:Кроме того, проверить Как сделать - Переключатель скрыть/показать.
Совет: Для получения дополнительной информации о дисплее и видимости, прочитайте наш учебник CSS Дисплей.