Αυτό το άρθρο δείχνει εν συντομία τι είναι η Μέθοδος 'click()' στοιχείου DOM και πώς να τη χρησιμοποιήσετε σε HTML;
Τι είναι η μέθοδος “click()” του στοιχείου DOM σε HTML;
Όταν η μέθοδος click() καλείται σε ένα στοιχείο HTML, προσομοιώνει έναν χρήστη που κάνει κλικ στο στοιχείο με το ποντίκι, το οποίο με τη σειρά του ενεργοποιεί τυχόν συνημμένους χειριστές συμβάντων. Αυτό επιτρέπει στους προγραμματιστές να εκτελούν πολλές διαδραστικές ενέργειες, όπως το άνοιγμα συνδέσμων, την υποβολή φορμών ή την εναλλαγή της ορατότητας των στοιχείων χωρίς να απαιτείται φυσικό κλικ του ποντικιού. Αυτό βοηθά στη δημιουργία διαδραστικών και ανταποκρινόμενων ιστοσελίδων.
Πώς να χρησιμοποιήσετε τη μέθοδο 'click()' στοιχείου DOM σε HTML;
Για να χρησιμοποιήσουν τη μέθοδο click(), οι χρήστες πρέπει πρώτα να λάβουν μια αναφορά στο στοιχείο HTML για να προσομοιώσουν ένα κλικ. Αυτό μπορεί να γίνει χρησιμοποιώντας οποιαδήποτε από τις τυπικές μεθόδους διέλευσης DOM ή ερωτημάτων, όπως ' getElementById », « getElementsByClassName », « querySelector ', ή ' querySelectorAll '.
Ας δούμε ένα παράδειγμα για μια καλύτερη εξήγηση της μεθόδου 'click()'.
Παράδειγμα: Πλαίσιο ελέγχου HTML και Στοιχεία κουμπιού ραδιοφώνου
Εξετάζεται ένα παράδειγμα στο οποίο το « Κάντε κλικ() Η μέθοδος ' χρησιμοποιείται με το πλαίσιο ελέγχου HTML και τα στοιχεία κουμπιού επιλογής. Ακολουθήστε τον παρακάτω κώδικα:
< μορφή >
< εισαγωγή
τύπος = 'πλαίσιο ελέγχου'
ταυτότητα = 'checkbox1'
επί του ποντικιού = 'forCheckbox()'
>
Με την υποστήριξη του Linuxhint
< εισαγωγή
τύπος = 'ραδιόφωνο'
ταυτότητα = 'κουμπί ραδιοφώνου'
επί του ποντικιού = 'forRadio()'
>
Με την υποστήριξη του Linuxhint
< / μορφή >
Στο παραπάνω απόσπασμα κώδικα:
- Αρχικά, δημιουργείται ένα πλαίσιο ελέγχου στην ιστοσελίδα χρησιμοποιώντας την ετικέτα με έναν τύπο που έχει οριστεί σε ' πλαίσιο ελέγχου '.
- Μετά από αυτό, ο ακροατής της εκδήλωσης ' επί του ποντικιού ' επισυνάπτεται στο πλαίσιο ελέγχου και καλεί το ' forCheckbox() ' λειτουργία.
- Με τον ίδιο τρόπο, το « ραδιόφωνο Το κουμπί ' δημιουργείται χρησιμοποιώντας το ' <εισαγωγή> ', και ο ακροατής συμβάντος συνδέεται με αυτό. Αλλά αυτή τη φορά, το « forRadio() » γίνεται επίκληση της λειτουργίας.
Μετά τη δημιουργία ενός στοιχείου HTML στην ιστοσελίδα, τώρα ήρθε η ώρα να προσθέσετε το ' Κάντε κλικ() 'μέθοδος:
< γραφή >
λειτουργία για το πλαίσιο ελέγχου ( ) {
document.getElementById ( 'checkbox1' ) .Κάντε κλικ ( ) ;
}
λειτουργία για ραδιόφωνο ( ) {
document.getElementById ( 'κουμπί ραδιοφώνου' ) .Κάντε κλικ ( ) ;
}
< / γραφή >
Στο παραπάνω απόσπασμα κώδικα:
- Πρώτα, ορίστε δύο συναρτήσεις JavaScript, ' forCheckbox() ' και ' forRadio() '.
- Αυτές οι λειτουργίες χρησιμοποιούν το ' document.getElementById() ' μέθοδος λήψης αναφορών σε στοιχεία HTML στη σελίδα με συγκεκριμένα αναγνωριστικά 'checkbox1' και 'radioButton'.
- Για την προσομοίωση του κλικ στο στοιχείο HTML, χρησιμοποιείται η μέθοδος click(). Αυτή η λειτουργία αλλάζει την κατάσταση ενεργοποίησης ή απενεργοποίησης όταν καλείται.
Μετά την εκτέλεση των παραπάνω αποσπασμάτων κώδικα, η έξοδος εμφανίζεται ως εξής:
Το παραπάνω gif δείχνει ότι η κατάσταση του πλαισίου ελέγχου και του κουμπιού επιλογής αλλάζει χρησιμοποιώντας τη μέθοδο 'click()'.
συμπέρασμα
Η μέθοδος click() είναι ιδιαίτερα χρήσιμη για το χειρισμό των αλληλεπιδράσεων των χρηστών με μια ιστοσελίδα μέσω JavaScript.
Αντί να βασίζεστε στον χρήστη για να κάνει φυσικά κλικ στο στοιχείο, χρησιμοποιήστε τη μέθοδο click() για να προσομοιώσετε το συμβάν κλικ μέσω προγραμματισμού. Είναι χρήσιμο για τη δημιουργία διαδραστικών και φιλικών προς τον χρήστη σχεδίων. Αυτό το άρθρο απέδειξε με επιτυχία τη σημασία της μεθόδου 'click()' του στοιχείου DOM σε HTML.