Hvordan skjule knappen i JavaScript

Mens du utvikler et nettsted, kan det være en situasjon der det kreves å klikke bare en knapp en gang. For eksempel sender du inn et skjema eller legger inn sensitiv informasjon som er begrenset for endringer eller revisjoner. I slike scenarier blir det å skjule knapper ved hjelp av JavaScript veldig nyttig for å sikre personvernet til informasjonen.

Denne bloggen vil forklare metodene for å skjule knapper i JavaScript.

Hvordan skjule knappen i JavaScript?

For å skjule en knapp i JavaScript, kan følgende metoder brukes:

• “stil.synlighet”Eiendom
• “stil.vise”Eiendom

De nevnte tilnærmingene vil nå bli diskutert en etter en!

Metode 1: Skjul knapp i JavaScript ved å bruke “Style.synlighet ”eiendom

“stil.synlighet”Eiendom setter synligheten til et element. Denne egenskapen kan brukes til å skjule synligheten til den forhåndsdefinerte knappen ved å referere til dens “id”.

Syntaks

Gjenstand.stil.synlighet = 'skjult'

Her synligheten til den spesifiserte “Gjenstand”Er satt som“skjult”.

Sjekk ut følgende demonstrasjon for en bedre forståelse.

Eksempel

Først må du opprette en knapp ved hjelp av inndatakoden, tilordne den en verdi som heter “Klikk på meg”, Og inkluderer en Onclick som vil utløse“HideButton ()”Funksjon når den ekstra knappen er klikket:

I JavaScript -filen, definere HideButton () -funksjonen på en slik måte at den påkaller “dokument.GetElementsById ()”For å få tilgang til den opprettede knappen og angi synligheten som“skjult”:

funksjon HideButton ()
dokument.getElementById ('Btn').stil.synlighet = 'skjult';

Utgangen fra programmet ovenfor vises som følger:

Metode 2: Skjul knapp i JavaScript ved å bruke “Style.Vis ”eiendom

“stil.vise”Egenskaper angir det spesifiserte elementets visningstype. Denne teknikken kan implementeres for å skjule den opprettede knappen ved å hente den spesifiserte ID og innstilling "ingen”Som visningstype.

Syntaks

Gjenstand.stil.display = 'ingen'

Her, visningsegenskapen til “Gjenstand”Er satt som“ingen”.

Gå gjennom følgende eksempel for demonstrasjon.

Eksempel

Vi bruker den samme HTML -koden i dette eksemplet. I JavaScript -filen vil vi imidlertid definere "HideButton ()”Funksjon som vil bli påkalt når knappen er klikket. I sin definisjon, "dokument.getElementById ()”Metoden vil hente knappen ved å bruke sin“btn”Id og verdien av dens“stil.vise”Eiendom vil bli satt som“ ingen ”for å skjule den:

funksjon HideButton ()
dokument.getElementById ('Btn').stil.display = 'ingen';

Produksjon

Vi har tilbudt de enkleste metodene for å skjule knapper i JavaScript.

Konklusjon

For å skjule en knapp i JavaScript, kan du bruke "stil.synlighet”Og“stil.vise" egenskaper. For å gjøre det, for det første, må du hente knappen ved å spesifisere ID -en i dokumentet.getElementById () -metode og angi deretter verdien av stilen.synlighetseiendom som skjult, eller ingen for stilen.Vis eiendom. Denne håndboken diskuterte metoden relatert til gjemmeknapper i JavaScript.