как скрыть кнопку 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:
<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, чтобы скрыть ее.
