Πώς εμφανίζεται το Uncaught TypeError: Δεν είναι δυνατή η ρύθμιση των ιδιοτήτων null στο getElementById();
Ο ' Uncaught TypeError: Δεν είναι δυνατός ο ορισμός των ιδιοτήτων του null στο getElementById() ” μπορεί να συμβεί για τους εξής λόγους:
Παράδειγμα 1: Εμφάνιση Uncaught TypeError: Δεν είναι δυνατός ο ορισμός των ιδιοτήτων null στο getElementById() λόγω προηγούμενης πρόσβασης στο στοιχείο
Σε αυτό το παράδειγμα, θα συζητηθεί το σφάλμα που παρουσιάστηκε λόγω της πρόσβασης του συγκεκριμένου στοιχείου πριν από τον καθορισμό του:
< γραφή >
έγγραφο. getElementById ( 'κεφάλι' ) . innerHTML = 'Περιεχόμενο JavaScript' ;
γραφή >
< κέντρο >< σώμα >
< h2 id = 'κεφάλι' > Ιστοσελίδα Linuxhint h2 >
σώμα κέντρο >
Εφαρμόστε τα ακόλουθα βήματα, όπως δίνονται στις παραπάνω γραμμές κώδικα:
- Αρχικά, συμπεριλάβετε το μπλοκ κώδικα JavaScript μέσα στο ' <σενάριο> ετικέτα '.
- Εδώ, αποκτήστε πρόσβαση στο στοιχείο που αντιστοιχεί στο δηλωμένο ' ταυτότητα ' χρησιμοποιώντας την ' getElementById() 'μέθοδος.
- Επίσης, εφαρμόστε το « innerHTML ιδιότητα για την ενημέρωση του περιεχομένου του στοιχείου στο οποίο έχετε πρόσβαση.
- Στον κώδικα HTML μέσα στο ' <σώμα> ' ετικέτα, συμπεριλάβετε μια επικεφαλίδα με την καθορισμένη ' ταυτότητα '.
- Κατά την εκτέλεση του κώδικα, το σφάλμα τύπου ' Δεν είναι δυνατός ο ορισμός των ιδιοτήτων του null στο getElementById() ' θα συμβεί. Αυτό συμβαίνει γιατί το στοιχείο « » γίνεται πρόσβαση πριν καν καθοριστεί.
Παραγωγή
Στην παραπάνω έξοδο, φαίνεται ότι το δηλωμένο σφάλμα εμφανίζεται λόγω προηγούμενης πρόσβασης στο στοιχείο.
Λύση
Το προαναφερόμενο σφάλμα σε αυτήν την περίπτωση μπορεί να επιλυθεί με την αλληλουχία του κώδικα έτσι ώστε το στοιχείο να καθορίζεται πριν από την πρόσβαση σε αυτό.
Το ακόλουθο παράδειγμα επεξηγεί την αναφερόμενη έννοια:
< κέντρο >< σώμα >< h2 id = 'κεφάλι' > Ιστοσελίδα Linuxhint h2 >
σώμα κέντρο >
< γραφή >
έγγραφο. getElementById ( 'κεφάλι' ) . innerHTML = 'Περιεχόμενο JavaScript' ;
γραφή >
Ο παραπάνω κωδικός είναι πανομοιότυπος με τον προηγούμενο κωδικό με την αλλαγή στην τοποθέτηση των μπλοκ κωδικών. Είναι τέτοιο που το « ' το στοιχείο καθορίζεται πριν γίνει πρόσβαση σε αυτό στον κώδικα JavaScript.
Παραγωγή
Όπως φαίνεται, το σφάλμα που παρουσιάστηκε επιλύεται και το ενημερωμένο περιεχόμενο μέσω του ' innerHTML Εμφανίζεται η ιδιότητα.
Παράδειγμα 2: Εμφάνιση Uncaught TypeError: Δεν είναι δυνατός ο ορισμός των ιδιοτήτων του null στο getElementById() λόγω εσφαλμένης πρόσβασης στο αναγνωριστικό
Το αναφερόμενο σφάλμα μπορεί επίσης να παρουσιαστεί με λανθασμένη πρόσβαση στο αναγνωριστικό.
Ας δούμε το παρακάτω παράδειγμα:
< marquee id = 'Για' > Ιάβα στέγη εισόδου >< τύπο σεναρίου = 'κείμενο/javascript' >
έγγραφο. getElementById ( '#Για' ) . innerText = 'Γραφή' ;
γραφή >
Στο παραπάνω απόσπασμα κώδικα:
- Συμπεριλάβετε ένα ' <στίγμα> 'στοιχείο που έχει την ένδειξη ' ταυτότητα ' και τιμή κειμένου.
- Στο τμήμα JS του κώδικα, αποκτήστε πρόσβαση στο στοιχείο που περιλαμβάνεται στο προηγούμενο βήμα χρησιμοποιώντας το ' getElementById() 'μέθοδος.
- Ο ' ταυτότητα Η μορφή εδώ δεν είναι σωστή, λαμβάνοντας υπόψη τη μέθοδο πρόσβασης στο συγκεκριμένο στοιχείο.
- Εδώ, το « innerText Η ιδιότητα ' εμφανίζει την δηλωμένη τιμή κειμένου.
Παραγωγή
Σε αυτήν την έξοδο, μπορεί να επαληθευτεί ότι η εφαρμοζόμενη ιδιότητα δεν επηρέασε το στοιχείο λόγω λανθασμένης μορφής αναγνωριστικού.
Λύση
Το αναφερόμενο σφάλμα σε αυτό το συγκεκριμένο σενάριο μπορεί να επιλυθεί καθορίζοντας σωστά το αναγνωριστικό κατά την πρόσβαση στο στοιχείο:
< marquee id = 'Για' > Ιάβα στέγη εισόδου >< τύπο σεναρίου = 'κείμενο/javascript' >
έγγραφο. getElementById ( 'Για' ) . innerText = 'Γραφή' ;
γραφή >
Εφαρμόστε τα βήματα που αναφέρονται παρακάτω, όπως αναφέρεται στον παραπάνω κώδικα:
- Συμπεριλάβετε το ' <στίγμα> 'στοιχείο που έχει το δεδομένο' ταυτότητα '.
- Στο απόσπασμα κώδικα JavaScript, αποκτήστε πρόσβαση στο στοιχείο, στο προηγούμενο βήμα, προσδιορίζοντας το στοιχείο ' ταυτότητα 'σωστά μέσω του ' getElementById() 'μέθοδος.
- Τέλος, εφαρμόστε το « innerText ” ιδιοκτησία και εμφανίζει το δηλωμένο περιεχόμενο κειμένου, το οποίο θα ενημερωθεί σε αυτήν την περίπτωση.
Παραγωγή
Στην παραπάνω έξοδο, μπορεί να απεικονιστεί ότι εμφανίζεται το ενημερωμένο περιεχόμενο κειμένου.
συμπέρασμα
Ο ' Uncaught TypeError: Δεν είναι δυνατός ο ορισμός των ιδιοτήτων του null στο getElementById() ' στο JavaScript μπορεί να επιλυθεί καθορίζοντας το στοιχείο πριν από την πρόσβαση σε αυτό ή προσδιορίζοντας το αναγνωριστικό στη σωστή μορφή. Αφού γίνει αυτό, οι αντίστοιχες λειτουργίες μπορούν να εκτελεστούν και στις δύο περιπτώσεις. Αυτό το ιστολόγιο καθοδηγεί την επίλυση του Uncaught TypeError: Δεν είναι δυνατός ο ορισμός ιδιοτήτων null στο getElementById() σε JavaScript.