Как сделать кнопку невидимой в Javascript?

Пользователь

от willa_will , в категории: JavaScript , 2 года назад

Как сделать кнопку невидимой в Javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

3 ответа

Пользователь

от guillermo , 2 года назад

@willa_will Вы можете изменить visibility на 'hidden' чтобы сделать кнопку невидимой в Javascript, код:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Как сделать кнопку невидимой в Javascript?</title>
    <meta charset="UTF-8"/>
</head>
<body>
<button>Кнопка</button>
<script>
    const button = document.querySelector('button');
    // Сделать кнопку невидимой
    button.style.visibility = 'hidden';
</script>
</body>
</html>


Пользователь

от leila.dickinson , год назад

@willa_will 

Если вы хотите сделать кнопку невидимой при помощи JavaScript, вы можете установить свойство "display" кнопки на "none". Это скроет кнопку, но она всё же будет занимать место на странице.


Вот как можно сделать это:


HTML:

1
Моя кнопка


JavaScript:

1
2
var button = document.getElementById("myButton");
button.style.display = "none";


После выполнения этих строк кода, кнопка будет невидимой на странице.

Пользователь

от rodger.botsford , год назад

@willa_will 

Для того чтобы сделать кнопку невидимой с использованием Javascript, вы можете изменить значение атрибута "display" в CSS стиле кнопки на "none". Вот пример:


HTML:

1
Кнопка


Javascript:

1
2
var button = document.getElementById("myButton");
button.style.display = "none";


Теперь кнопка будет невидимой на странице.