/
Вопросы и ответы
/
JavaScript
/

как скрыть кнопку js

как скрыть кнопку js

2 года назад

Nikolai Gagarinov

Ответы

0

Чтобы скрыть кнопку с помощью 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 более читаемый и предпочтительный способ.

2 года назад

Алексей Алешин

0

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

HTML:

<button id="myButton">Нажми меня</button>

CSS:

#myButton {
  visibility: visible;
}

JavaScript:

const myButton = document.getElementById('myButton');
myButton.style.visibility = 'hidden';

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

2 года назад

Aleksey