Μέθοδος getElementsByClassName

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

Σύνταξη

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

Παράδειγμα

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

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

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

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

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

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

Δείτε επίσης