Μέθοδος querySelector
Η μέθοδος querySelector επιτρέπει τη λήψη
ενός στοιχείου της σελίδας με βάση έναν αυθαίρετο επιλογέα
CSS. Με το στοιχείο που προκύπτει μπορούν να πραγματοποιηθούν
διάφορες χειρισμοί: αλλαγή του κειμένου του,
των χαρακτηριστικών του, των στυλ CSS και ούτω καθεξής.
Σύνταξη
document.querySelector(επιλογέας);
Παράδειγμα
Ας πάρουμε την παράγραφο #elem και ας αλλάξουμε
το κείμενό της χρησιμοποιώντας το textContent:
<p id="elem">κείμενο</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Αποτέλεσμα εκτέλεσης του κώδικα:
<p id="elem">!!!</p>
Παράδειγμα
Ας πάρουμε την παράγραφο με την κλάση elem
και ας αλλάξουμε το κείμενό της:
<p class="elem">κείμενο</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Αποτέλεσμα εκτέλεσης του κώδικα:
<p id="elem">!!!</p>
Δείτε επίσης
-
η μέθοδος
getElementById,
που λαμβάνει ένα στοιχείο με βάση τοid -
η μέθοδος
querySelectorAll,
που λαμβάνει μια ομάδα στοιχείων με βάση έναν επιλογέα
