Como ocultar o botão em JavaScript

Enquanto desenvolve um site, pode haver uma situação em que é necessário clicar em um botão apenas uma vez. Por exemplo, você está enviando um formulário ou inserindo qualquer informação sensível restrita para modificações ou revisões. Em tais cenários, ocultar botões usando JavaScript se torna muito útil para garantir a privacidade das informações.

Este blog explicará os métodos para ocultar botões em JavaScript.

Como ocultar o botão em JavaScript?

Para ocultar um botão em JavaScript, os seguintes métodos podem ser utilizados:

• ““estilo.visibilidade" propriedade
• ““estilo.mostrar" propriedade

As abordagens mencionadas agora serão discutidas uma por uma!

Método 1: Ocultar botão em JavaScript usando “estilo.Visibilidade ”Propriedade

O "estilo.visibilidade”Propriedade define a visibilidade de um elemento. Esta propriedade pode ser utilizada para ocultar a visibilidade do botão predefinido, referindo -se ao seu “eu ia”.

Sintaxe

Objeto.estilo.visibilidade = 'oculto'

Aqui, a visibilidade do especificado “Objeto"É definido como"escondido”.

Confira a seguinte demonstração para uma melhor compreensão.

Exemplo

Primeiro, crie um botão usando a tag de entrada, atribua -lhe um valor chamado “Click_me”, E inclua um OnClick que acionará o“HideButton ()”Função quando o botão adicionado é clicado:

No arquivo JavaScript, defina a função HideButton () de tal maneira que invoca o “documento.getElementsById ()”Para acessar o botão criado e definir sua visibilidade como“escondido”:

function hideButton ()
documento.getElementById ('btn').estilo.visibilidade = 'oculto';

A saída do programa acima é mostrada da seguinte maneira:

Método 2: Ocultar botão em JavaScript usando “estilo.Exibir ”propriedade

O "estilo.mostrar”Propriedade define o tipo de exibição do elemento especificado. Esta técnica pode ser implementada para ocultar o botão criado buscando seu ID especificado e configurando “nenhum”Como seu tipo de exibição.

Sintaxe

Objeto.estilo.display = 'nenhum'

Aqui, a propriedade de exibição do “Objeto"É definido como"nenhum”.

Passe pelo exemplo a seguir para demonstração.

Exemplo

Utilizaremos o mesmo código HTML neste exemplo. No entanto, no arquivo JavaScript, definiremos o “HideButton ()”Função que será invocada quando o botão for clicado. Em sua definição, o “documento.getElementById ()”O método buscará o botão usando seu“btn”Id e o valor de seu“estilo.mostrar”A propriedade será definida como“ nenhuma ”para escondê -la:

function hideButton ()
documento.getElementById ('btn').estilo.display = 'nenhum';

Saída

Oferecemos os métodos mais simples para ocultar botões em JavaScript.

Conclusão

Para ocultar um botão em JavaScript, você pode utilizar o “estilo.visibilidade" e "estilo.mostrar”Propriedades. Para fazer isso, em primeiro lugar, você deve buscar o botão especificando seu ID no documento.getElementById () método e, em seguida, defina o valor do estilo.propriedade de visibilidade como oculta, ou nenhum para o estilo.Propriedade de exibição. Este manual discutiu o método relacionado aos botões de esconderijo em JavaScript.