JavaScript: является ли элемент скрытым?
как с помощью JavaScript узнать, является ли элемент скрытым

Иногда необходимо определить, является ли HTML-элемент скрытым.
В примере приведенном ниже мы проверим, скрыт ли блок h1
с помощью CSS-свойства display:none
:
const h1 = document.querySelector('.myHead');
if (h1.style.display === 'none') {
console.log('im hidden');
} else {
console.log('im visible');
}
Сходным образом мы можем определить, скрыт ли элемент с помощью другого CSS-свойства visibility:hidden
:
const h1 = document.querySelector('.myHead');
if (h1.style.visibility === 'hidden') {
console.log('im hidden');
} else {
console.log('im visible');
}
Как видим, все очень просто.
Спасибо за внимание.