Иногда необходимо определить, является ли 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');
}

Как видим, все очень просто.

Спасибо за внимание.