Η μέθοδος getElementById

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

Σύνταξη

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

Παράδειγμα

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

<input id="elem" value="???">

let elem = document.getElementById('elem');
elem.value = '!!!';

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

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

Δείτε επίσης

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