Slik skjuler en DIV Med onClick

September 4

Dynamisk endring et nettsted er et populært design element blant webdesignere. Mange ganger, designere ønsker å veksle synligheten av et objekt ved å trykke på en knapp. Skjule et element innebærer endring synligheten til å reflektere som skjult. Oppnå dette ved direkte å referere til objektet som blir skjult av sin "id" attributt.

Bruksanvisning

1 Åpne nettstaden på redaktøren av ditt valg. Skriv ned "id" som du ga til "div" element.

2 Sett "document.getElementById ( 'X') style.visibility =" skjulte ";." Inn "onclick ()" hendelse på siden din. Bytt ut "X" med "id" av "div" element. Det skal se ut som "onclick (document.getElementById ( 'test') style.visibility =" skjulte ";)." Når du er ferdig.

3 Klikk på elementet som holder "onclick ()" hendelse for å verifisere "div" element er vellykket skjult.

Hint

Bruke den samme fremgangsmåten for å vise elementet etter at den er skjult. Bare bytt ut "skjult" med "synlig".