Как скрыть элемент в Javascript?
1 ответ
от
dmitrypro77 ,
10 месяцев назад
@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 и добавлять и убирать класс чтобы скрыть его.
Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.
15