Comment masquer le bouton en javascript

Lors du développement d'un site Web, il peut y avoir une situation où il est nécessaire de cliquer sur un bouton une seule fois. Par exemple, vous soumettez un formulaire ou saisissez des informations sensibles limitées pour les modifications ou les révisions. Dans de tels scénarios, la cachette de boutons utilisant JavaScript devient très pratique pour assurer la confidentialité des informations.

Ce blog expliquera les méthodes pour masquer les boutons en javascript.

Comment masquer le bouton en javascript?

Pour masquer un bouton en JavaScript, les méthodes suivantes peuvent être utilisées:

• "style.visibilité" propriété
• "style.afficher" propriété

Les approches mentionnées seront désormais discutées une par une!

Méthode 1: bouton Masquer en javascript en utilisant «style.Visibilité »Propriété

Le "style.visibilité»La propriété définit la visibilité d'un élément. Cette propriété peut être utilisée pour masquer la visibilité du bouton prédéfini en faisant référence à son «identifiant".

Syntaxe

Objet.style.Visibilité = «cachée»

Ici, la visibilité du spécifié «Objet"Est défini comme"caché".

Découvrez la démonstration suivante pour une meilleure compréhension.

Exemple

Tout d'abord, créez un bouton à l'aide de la balise d'entrée, attribuez-lui une valeur nommée "Clic_me», Et incluez un onclick qui déclenchera le«hidebutton ()"Fonction lorsque le bouton ajouté est cliqué:

Dans le fichier JavaScript, définissez la fonction hidebutton () de telle manière qu'il invoque le «document.getElementsbyid ()«Pour accéder au bouton créé et définir sa visibilité comme«caché»:

fonction hidebutton ()
document.getElementByid ('btn').style.visibilité = «cachée»;

La sortie du programme ci-dessus est indiquée comme suit:

Méthode 2: bouton Masquer en javascript en utilisant «Style.Afficher la propriété

Le "style.afficher»La propriété définit le type d'affichage de l'élément spécifié. Cette technique peut être implémentée pour masquer le bouton créé en récupérant son ID spécifié et son réglage "aucun"Comme type d'affichage.

Syntaxe

Objet.style.affiche = 'Aucun'

Ici, la propriété d'affichage du «Objet"Est défini comme"aucun".

Passer par l'exemple suivant pour la démonstration.

Exemple

Nous utiliserons le même code HTML dans cet exemple. Cependant, dans le fichier JavaScript, nous définirons le «hidebutton ()”Fonction qui sera invoquée lorsque le bouton est cliqué. Dans sa définition, le «document.getElementByid ()"La méthode va chercher le bouton en utilisant son"btn«Id et la valeur de son«style.afficher«La propriété sera définie comme« aucune »pour la cacher:

fonction hidebutton ()
document.getElementByid ('btn').style.affiche = 'aucun';

Sortir

Nous avons offert les méthodes les plus simples pour masquer les boutons en javascript.

Conclusion

Pour masquer un bouton en JavaScript, vous pouvez utiliser le «style.visibilité" et "style.afficher" propriétés. Pour ce faire, tout d'abord, vous devez récupérer le bouton en spécifiant son identifiant dans le document.Méthode getElementById () puis définir la valeur du style.Propriété de visibilité comme cachée, ou aucune pour le style.affichage des biens. Ce manuel a discuté de la méthode liée aux boutons de cachette en javascript.