Как скрыть элемент в Javascript?

Пользователь

от elda , в категории: JavaScript , 22 дня назад

Как скрыть элемент в Javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от dmitrypro77 , 22 дня назад

@elda Вы можете добавить style.display = 'none' элементу чтобы скрыть его через Javascript, ниже пример кода:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
</head>
<body>
    <p>Текстовый блок</p>
    <button id="button">Скрыть текст</button>
</body>
<script>
    document.getElementById('button').addEventListener('click', () => {
        let element = document.querySelector('p');
        // Скрыть элемент
        element.style.display = 'none';
    })

</script>
</html>


А вообще рекомендую создать класс, например hidden со свойством css display:none и добавлять и убирать класс чтобы скрыть его.

Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.