Как скрыть элемент в Javascript?
2 ответа
от
dmitrypro77 ,
2 года назад
@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 и добавлять и убирать класс чтобы скрыть его.
Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.
от
ottilie.farrell ,
год назад
@elda
Чтобы скрыть элемент в Javascript, можно использовать свойство display со значением none для соответствующего элемента. Например:
document.getElementById("myElement").style.display = "none";
Это скроет элемент с ID "myElement". Чтобы показать его снова, можно установить значение display равным "block" или "inline" в зависимости от типа элемента.
15