Η μέθοδος getElementsByTagName

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

Σύνταξη

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

Παράδειγμα

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

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

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

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

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

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

Δείτε επίσης

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