Η μέθοδος getElementsByTagName

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

Σύνταξη

javascriptdocument.getElementsByTagName(όνομα ετικέτας);

Παράδειγμα

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

html<p>στοιχείο 1</p>
<p>στοιχείο 2</p>
<p>στοιχείο 3</p>

javascriptlet elems = document.getElementsByTagName('p');

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

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

html<p>!!!</p>
<p>!!!</p>
<p>!!!</p>

Δείτε επίσης