Πώς να Απόκρυψη από Class σε JavaScript

JavaScript είναι μια γλώσσα προγραμματισμού που χρησιμοποιείται για να επιτραπεί ιστοσελίδες για να αλληλεπιδρούν με το χρήστη . Επιτρέπει σελίδες να εμφανίζονται pop- ups , ασύγχρονα στέλνουν αιτήματα στον εξυπηρετητή και να δημιουργήσει drop-down μενού , για να αναφέρουμε μερικά μόνο παραδείγματα . Παρά τις λειτουργίες JavaScript για να βρουν στοιχεία από την ταυτότητα και το όνομα , δεν έχει λειτουργία για την εύρεση στοιχείων ανά κατηγορία . Μπορείτε, ωστόσο , κρύβουν τα στοιχεία από την κατηγορία από looping πάνω από όλα τα στοιχεία , ελέγχοντας εάν η κλάση τους ταιριάζει με την αναζήτηση - για την τάξη και , αν ναι , κρύβοντας το στοιχείο . Οδηγίες
Η

1 Δημιουργήστε ένα νέο αρχείο και να το αποθηκεύσετε με ένα " . Html " επέκταση αρχείου . Ανοίξτε το αρχείο με ένα πρόγραμμα επεξεργασίας κειμένου , όπως το Notepad . 2

Γράψτε ένα τμήμα του κώδικα HTML που δημιουργεί ένα κουμπί με ένα " onClick " χαρακτηριστικό " hide ( ) . " Αυτό θα απαιτήσει τη λειτουργία JavaScript " απόκρυψη " όταν το κουμπί πατηθεί. Εδώ είναι ο κώδικας :

Απόκρυψη εικόνων
3

Γράψτε ένα τμήμα του κώδικα HTML που δημιουργεί ένα αριθμός των στοιχείων HTML με την κατηγορία " hideable . " Τα στοιχεία αυτά θα πρέπει να κρυφτεί όταν το κουμπί από το προηγούμενο βήμα έχει πατηθεί. Εδώ είναι ένα παράδειγμα :

Αυτό είναι ένα hideable div

Αυτό είναι ένα hideable εύρους
Η 4

στην αρχή του αρχείου , γράψτε το άνοιγμα και το κλείσιμο HTML " script " ετικέτες . Αυτά λένε στο πρόγραμμα περιήγησης που ο κώδικας στο εσωτερικό τους είναι JavaScript . Εδώ είναι ο κώδικας :

5

Μεταξύ των " script " ετικέτες , γράψτε JavaScript λειτουργία τα δέρματα όλα HTML στοιχεία με την κατηγορία " hideable . " Κατ 'αρχάς , θα πρέπει να πάρει όλα τα στοιχεία σε μια σειρά καλώντας τη λειτουργία " document.getElementsByTagName " με την παράμετρο "*" και αποθηκεύοντας το αποτέλεσμα σε μια νέα μεταβλητή . Δεύτερον , θα πρέπει να βρόχο πάνω από κάθε στοιχείο του πίνακα, χρησιμοποιώντας ένα βρόχος "for" . Τρίτον , θα πρέπει να ελέγξετε αν το τρέχον στοιχείο έχει την κατηγορία " hideable " με τη μέθοδο της " getAttribute » , και , αν ναι , να αποκρύψετε το στοιχείο με τον καθορισμό των στοιχείων " style.display " ιδιότητα "κανένας ". Εδώ είναι ο κώδικας :

απόκρυψη λειτουργία () {

στοιχεία var = document.getElementsByTagName ( " * ")?

Για ( i = 0 ? I <στοιχείων . μήκος? . θ + + ) {

αν ( . στοιχεία [ i ] getAttribute ( "τάξη " ) == " hideable " ) {

στοιχεία [ i ] style.display = "κανένας " ?

} } }
Η
εικόνων