Μέθοδος querySelector

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

Σύνταξη

javascriptdocument.querySelector(επιλογέας);

Παράδειγμα

Ας πάρουμε την παράγραφο #elem και ας αλλάξουμε το κείμενό της χρησιμοποιώντας το textContent:

html<p id="elem">κείμενο</p>

javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

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

html<p id="elem">!!!</p>

Παράδειγμα

Ας πάρουμε την παράγραφο με την κλάση elem και ας αλλάξουμε το κείμενό της:

html<p class="elem">κείμενο</p>

javascriptlet elem = document.querySelector('.elem');
elem.textContent = '!!!';

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

html<p id="elem">!!!</p>

Δείτε επίσης