Μέθοδος getElementById() του HTML DOM Document

Ορισμός και χρήση

getElementById() Η μέθοδος επιστρέφει το στοιχείο με καθορισμένο το id.

Αν το στοιχείο δεν υπάρχει:getElementById() Η μέθοδος θα επιστρέψει null.

getElementById() Η μέθοδος είναι μια από τις πιο συχνά χρησιμοποιούμενες στη Δομή του HTML DOM. Κάθε φορά που θέλετε να διαβάσετε ή να επεξεργαστείτε στοιχεία HTML, χρησιμοποιείται αυτή η μέθοδος.

Σημείωση

Κάθε id πρέπει να είναι μοναδικό, αλλά:

Αν υπάρχουν δύο ή περισσότερα στοιχεία με το ίδιο id: getElementById() Επιστρέφει το πρώτο.

Για περισσότερες πληροφορίες:

Μέθοδος getElementsByTagName()

Μέθοδος getElementsByClassName()

Μέθοδος querySelector()

Μέθοδος querySelectorAll()

Παράδειγμα

Παράδειγμα 1

Ανακτήστε το στοιχείο που έχει καθορισμένο το id:

document.getElementById("demo");

Δοκιμάστε το προσωπικά σας

Παράδειγμα 2

Ανακτήστε το στοιχείο και αλλάξτε το χρώμα του:

const myElement = document.getElementById("demo");
myElement.style.color = "red";

Δοκιμάστε το προσωπικά σας

Παράδειγμα 3

ή αλλάζει μόνο το χρώμα του:

document.getElementById("demo").style.color = "red";

Δοκιμάστε το προσωπικά σας

Γλώσσα

document.getElementById(elementId)

Παράμετροι

Παράμετροι Περιγραφή
elementId Απαιτείται. Η τιμή του στοιχείου id.

Αποτελεσματικότητα

Τύπος Περιγραφή
Πελάτης

στοιχεία με την καθορισμένη id.

Αν δεν βρεθεί, θα επιστρέψει null.

Τεχνικά λεπτομέρειες

getElementById() Μέθοδος είναι μια σημαντική συχνά χρησιμοποιούμενη μέθοδος, επειδή παρέχει έναν εύκολο τρόπο για να αποκτήσετε το αντικείμενο Element που αντιπροσωπεύει το καθορισμένο στοιχείο του έγγραφου.

Η μέθοδος θα αναζητήσει την ιδιότητα id με την τιμή elementId στοιχεία Element, θα το επιστρέψει. Αν δεν βρει τέτοιο στοιχείο, θα επιστρέψει null.Η τιμή της ιδιότητας id είναι μοναδική στο έγγραφο, αν η μέθοδος βρει πολλαπλά στοιχεία Element με την καθορισμένη elementId η γωνία του στοιχείου, η οποία θα επιστρέψει τυχαία ένα τέτοιο στοιχείο ή null.

Λέτε γι' αυτό:Το όνομα της μεθόδου Id τελικά, όχι IDΔεν σφαλείτε, να το χρησιμοποιήσετε!

Στο έγγραφο HTML, η μέθοδος检索指定 id 的属性总是检索拥有指定 HTMLDocument.getElementByName() Μέθοδος, αναζητώντας στοιχεία HTML με βάση την τιμή της ιδιότητας name.

Στα έγγραφα XML, αυτή η μέθοδος χρησιμοποιείται με οποιαδήποτε ιδιότητα τύπου id για την αναζήτηση, ανεξάρτητα από το όνομα της ιδιότητας. Αν ο τύπος της ιδιότητας είναι άγνωστος (όπως όταν ο αναλυτής XML αγνοεί ή δεν μπορεί να εντοπίσει το DTD του έγγραφου), η μέθοδος επιστρέφει πάντα nullΣτην JavaScript του πελάτη, αυτή η μέθοδος δεν χρησιμοποιείται συχνά με έγγραφα XML.getElementById() Ο μέθοδος αρχικά ορίστηκε ως μέλος της διαδρομής HTMLDocument, αλλά αργότερα ενσωματώθηκε στην διαδρομή Document στο δεύτερο επίπεδο DOM.

Υποστήριξη του προγράμματος περιήγησης

document.getElementById() Είναι χαρακτηριστικό DOM Level 2 (2001).

Πάρα όλα τα προγράμματα περιήγησης το υποστηρίζουν:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Υποστήριξη 9-11 Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη

Σχετικές σελίδες

Εκμάθηση CSS:Γλωσσάκι CSS

Εγχειρίδιο CSS:Επιλογή #id Του CSS

Εγχειρίδιο HTML DOM:Ανάλυση id στο HTML DOM

Εγχειρίδιο HTML DOM:Όντα Style HTML DOM