Η μέθοδος getElementById

Η μέθοδος getElementById επιτρέπει τη λήψη ενός στοιχείου της σελίδας βάσει του χαρακτηριστικού id. Με το στοιχείο που ανακτήθηκε μπορούν να πραγματοποιηθούν διάφορες χειρισμοί: αλλαγή του κειμένου του, των χαρακτηριστικών, των στυλ CSS και ούτω καθεξής.

Σύνταξη

javascriptdocument.getElementById(id στοιχείου);

Παράδειγμα

Ας λάβουμε ένα πεδίο εισόδου (input) βάσει του id του και ας αλλάξουμε το περιεχόμενο του χαρακτηριστικού value:

html<input id="elem" value="???">
javascriptlet elem = document.getElementById('elem');
elem.value = '!!!';

Αποτέλεσμα εκτέλεσης του κώδικα:

html<input id="elem" value="!!!">

Δείτε επίσης

  • η μέθοδος querySelector,
    που λαμβάνει ένα στοιχείο βάσει ενός επιλογέα (selector)
  • η μέθοδος querySelectorAll,
    που λαμβάνει μια ομάδα στοιχείων βάσει ενός επιλογέα (selector)