Slik skjuler flere elementer i Javascript

October 29

Hvis du ønsker å skjule mer enn en HTML-element på en gang, trenger du ikke å kaste bort tid ved å gjenta den samme koden igjen og igjen. I stedet kan du forenkle arbeidet ditt og slå til en funksjon som skjuler flere elementer i Javascript. Ved å bruke Javascript-er for () sløyfe funksjonalitet, kan du skrive en kommando for å skjule elementet, og bruke det på hvert element du trenger å skjule samtidig.

Bruksanvisning

1 Åpne kildekoden for websiden din (vanligvis en .htm, .html eller en php-fil). Bruk din foretrukne HTML editor eller et enkelt program som Windows 'Notepad eller OSX sin TextEdit.

2 Finn overskriften på filen --- koden mellom "<head>" og "</ head>." Etter "<head>" tag, kopier og lim inn denne koden:

<! -

funksjons hideElements (elementer) {

elements_array = elements.split ( ',');

for (element i elements_array) {document.getElementById (elements_array [element]) style.display = 'none.'; }

}

</ Script>

3 Bla til kroppen delen av websiden (koden mellom "<body>" og "</ body>") og legge en enkel "<div>" element å bruke som et element-skjuleknapp. Pass på at div inkluderer en "onclick" element henviser "hideElements ()" funksjon:

<Div onclick = "hideElements ()" style = "border: 1px solid # 000000;"> Skjul Elements </ div>

4 Legg ID-ene for de elementene du ønsker å skjule mellom parentesene av "hideElements ()" referanse i div, skille dem med komma.

For eksempel, hvis du ønsker å skjule elementer med id "picture_1", "caption_of_picture_1" og "page_footer" Write "hideElements ( 'picture_1, caption_of_picture_1,' page_footer ')" i <div> tag.

5 Lagre filen og lukk editor. Når du åpner filen i nettleseren din, klikk på "Hide Elements" for å skjule de nevnte sideelementer.