Μέθοδος getElementsByClassName

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

Σύνταξη

document.getElementsByClassName(όνομα κλάσης);

Παράδειγμα

Ας πάρουμε όλα τα στοιχεία με την κλάση www και ας αλλάξουμε το κείμενό τους χρησιμοποιώντας την ιδιότητα innerHTML:

<p class="www">στοιχείο 1</p>
<p class="www">στοιχείο 2</p>
<p class="www">στοιχείο 3</p>

let elems = document.getElementsByClassName('www');

for (let elem of elems) {
	elem.innerHTML = '!!!';
}

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

<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>

Δείτε επίσης

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