Πώς να Απόκρυψη όλων των Open Divs σε JavaScript

απόκρυψη ενός στοιχείου , όπως ένα div , από μια σελίδα HTML μπορεί να χρησιμοποιηθεί για να δώσει την ιστοσελίδα σας μια πιο δυναμική αίσθηση . Για παράδειγμα , σε ένα blog , ίσως να θέλετε οι επισκέπτες να είναι σε θέση να κάνετε κλικ σε ένα κουμπί για να αποκρύψετε τα σχόλια του blog post. Κρύβοντας όλα τα divs σε μια σελίδα μπορεί να επιτευχθεί με τη χρήση JavaScript για να κάνει αλλαγές στο μοντέλο αντικειμένου εγγράφου , ειδικά CSS ιδιότητες κάθε στοιχείου "οθόνη ". Οδηγίες
Η 1

Δημιουργήστε ένα αρχείο και να το ανοίξετε χρησιμοποιώντας ένα πρόγραμμα επεξεργασίας κειμένου , όπως το WordPad . 2

Γράψτε τον κώδικα HTML για μια σειρά div και μη -div στοιχείων . Εδώ είναι ένα παράδειγμα :

μια παράγραφος

εικόνων
3

Γράψτε τον κώδικα HTML για ένα στοιχείο κουμπιού . Ρυθμίστε τα στοιχεία " onClick " ιδιότητα " hideDivs ( ) . " Αυτό θα προκαλέσει την λειτουργία " hideDivs " να λέγεται , όταν πιέζεται το κουμπί . Εδώ είναι ένα παράδειγμα του κώδικα :

Απόκρυψη Divs κουμπί
Η 4

Στην κορυφή του αρχείο, να γράψει ένα ζεύγος άνοιγμα και το κλείσιμο ετικέτες script . Αυτά θα περιέχει τον κώδικα JavaScript . Εδώ είναι ένα παράδειγμα :

5

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

hideDivs λειτουργία () { var

αποθηκεύει τα στοιχεία = document.getElementsByTagName ( " div ")?

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

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

} }
Η
εικόνων