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