Slik skjuler en Div på Klikk i Javascript

Slik skjuler en Div på Klikk i Javascript


Det er mange grunner til at du kanskje ønsker å veksle synligheten av en div container på websiden. Det kan være lurt ditt brukernavn for å være i stand til å utvide på informasjonen du leverer til dem uten å måtte laste en ny side. Innholdet kan inneholde spoiler informasjon som du vil at brukeren skal kunne skjule før du leser. Uansett tilfelle, skjuler en div med Javascript er en enkel oppgave som krever et minimum av ekstra kode.

Bruksanvisning

1 Åpne kildekoden til siden med div du ønsker å være i stand til å skjule.

2 Gi en ID parameter til div hvis den ikke allerede har en. Som et eksempel, anta at div har en ID med "HiddenDiv."

3 Opprett en <a> ID eller velg et bilde i dokumentet som skal fungere som objektet som vil veksle synligheten av div. Sett inn følgende kode i objektet tag:

onclick = ". document.getElementById ( 'HiddenDiv') style.visibility =" skjult "; return false"

Substitute navnet på div for "HiddenDiv." Når brukeren klikker på dette objektet, vil det skjule div i spørsmålet.