как скрыть кнопку js — Q&A Хекслет
2026-02-26 20:03 Diff
https://ru.hexlet.io/qna/javascript/questions/kak-skryt-knopku-js

Ответы

Чтобы скрыть кнопку с помощью JavaScript, можно использовать метод style.display элемента кнопки и установить значение свойства равным none. Вот пример:

<button id="myButton">Нажми меня</button> <script> const button = document.getElementById("myButton"); button.style.display = "none"; </script>

В этом примере, сначала находим кнопку с помощью метода getElementById(), а затем устанавливаем значение свойства display кнопки на none. Это делает кнопку невидимой на странице.

Также можно использовать метод setAttribute() для установки атрибута style кнопки со значением display: none;, чтобы скрыть кнопку. Вот пример:

<button id="myButton">Нажми меня</button> <script> const button = document.getElementById("myButton"); button.setAttribute("style", "display: none;"); </script>

Оба примера скрывают кнопку на странице, но первый пример использования свойства style.display более читаемый и предпочтительный способ.

Для скрытия кнопки с помощью CSS свойства visibility и JavaScript можно использовать следующий код:

HTML:

CSS:

JavaScript:

В этом примере мы создали кнопку с идентификатором myButton и задали ей свойство visibility: visible в CSS. Затем мы выбрали эту кнопку с помощью JavaScript и задали ей свойство visibility: hidden, чтобы скрыть ее.