Προγραμματισμός

* Γνώση Υπολογιστών >> Προγραμματισμός >> JavaScript Προγραμματισμός

Πώς να Απόκρυψη Πολλαπλά στοιχεία σε Javascript

Αν θέλετε να αποκρύψετε περισσότερα από ένα στοιχείο HTML σε μια φορά , δεν χρειάζεται να χάνουμε χρόνο επαναλαμβάνοντας τον ίδιο κωδικό ξανά και ξανά . Αντ 'αυτού , μπορείτε να απλοποιήσει το έργο σας και να μετατρέψει σε μια λειτουργία που κρύβει πολλά στοιχεία σε JavaScript . Με τη χρήση JavaScript για ( λειτουργία βρόχου ) , μπορείτε να γράψετε μια εντολή για να κρύψει το στοιχείο , και να το χρησιμοποιήσετε σε κάθε στοιχείο που θα πρέπει να κρύψει ταυτόχρονα . Οδηγίες
Η

1 Ανοίξτε τον πηγαίο κώδικα για την ιστοσελίδα σας ( γενικά ένα . Htm , ένα . Html ή php αρχείο . ) . Χρησιμοποιήστε προτιμώμενο πρόγραμμα επεξεργασίας HTML ή ένα απλό πρόγραμμα όπως το Σημειωματάριο των Windows ή TextEdit OSX του . 2

Εντοπίστε την επικεφαλίδα του αρχείου --- ο κωδικός μεταξύ " " και " . " Μετά το " " ετικέτα , αντιγραφή και επικόλληση του κώδικα :

Προσθέστε την επιχείρηση type="text/javascript">

<-

hideElements λειτουργίας ( στοιχεία ) {

elements_array = elements.split ( ' , ') ?

για ( στοιχείο στην elements_array ) { document.getElementById ( elements_array [ στοιχείο ] ) style.display . = «καμία» ? } }


- >

εικόνων
3

Μεταβείτε στο τμήμα του σώματος της ιστοσελίδας σας ( ο κώδικας μεταξύ " " και " " ) και να προσθέσετε ένα απλό "

» στοιχείο για να χρησιμοποιηθεί ως ένα κουμπί στοιχείο κρύβονται . Βεβαιωθείτε ότι το div περιλαμβάνει ένα " onclick " στοιχείο της αντιστοιχίας των " hideElements ( ) " λειτουργία:

Απόκρυψη στοιχεία <;/div >
Η 4

Προσθέστε τα αναγνωριστικά των στοιχείων που θέλετε να αποκρύψετε μεταξύ των παρενθέσεων των « hideElements ( ) " αναφορά στο div , χωρίζοντάς τους με κόμμα .

για παράδειγμα , εάν θέλετε να αποκρύψετε στοιχεία με το id " picture_1 " , " caption_of_picture_1 " και " page_footer " γράφουν " hideElements ( « picture_1 , caption_of_picture_1 , « page_footer ')" στην ετικέτα

.

5

Αποθηκεύστε το αρχείο και κλείστε τον επεξεργαστή . Όταν ανοίγετε το αρχείο στο πρόγραμμα περιήγησής σας , κάντε κλικ στο " Απόκρυψη στοιχείων " για να κρύψει τα διατηρητέα στοιχεία της σελίδας .
Η
εικόνων

Συναφής σύστασή

Πνευματικά δικαιώματα © Γνώση Υπολογιστών Όλα τα δικαιώματα κατοχυρωμένα