Μέθοδος getElementsByTagName() του HTML DOM Document

Ορισμός και χρήση

getElementsByTagName() Η μέθοδος επιστρέφει τη συλλογή των στοιχείων με την καθορισμένη ετικέτα.

getElementsByTagName() Η μέθοδος επιστρέφει HTMLCollection

getElementsByTagName() Η ιδιότητα είναι只读的.

Σημείωση:getElementsByTagName("*") Επιστρέφει όλα τα στοιχεία του εγγράφου.

HTMLCollection

HTMLCollection Είναι μια συλλογή παρόμοια με το array (λίστα) από στοιχεία HTML.

Οι στοιχεία της συλλογής μπορούν να προσέγγιστούν με:index (από 0 ξεκινά).

length Η ιδιότητα επιστρέφει τον αριθμό των στοιχείων στη συλλογή.

Δείτε επίσης:

Μέθοδος getElementById()

Μέθοδος getElementsByClassName()

Μέθοδος querySelector()

Μέθοδος querySelectorAll()

Άρθρο Συλλογής HTML

Παράδειγμα

Παράδειγμα 1

Αποκτήστε όλα τα στοιχεία με την ετικέτα "li":

μόνο collection = document.getElementsByTagName("li");

Δοκιμάστε το προσωπικά

Παράδειγμα 2

Αποκτήστε όλα τα στοιχεία του εγγράφου:

μόνο collection = document.getElementsByTagName("*");

Δοκιμάστε το προσωπικά

Παράδειγμα 3

Αλλάξει τη διαδραστική HTML του πρώτου στοιχείου <p> του εγγράφου:

document.getElementsByTagName("p")[0].innerHTML = "Hello World!";

Δοκιμάστε το προσωπικά

Παράδειγμα 4

Ο αριθμός των στοιχείων <li> στο έγγραφο:

λέιτς numb = document.getElementsByTagName("li").length;

Δοκιμάστε το προσωπικά

Παράδειγμα 5

Αλλάξει τη χρώση του παρασκηνίου όλων των στοιχείων <p>:

μόνο collection = document.getElementsByTagName("P");
για (λέιτς i = 0; i < collection.length; i++) {
  collection[i].style.backgroundColor = "red";
}

Δοκιμάστε το προσωπικά

Γλώσσα

document.getElementsByTagName(tagName)

Παράμετροι

Παράμετροι Περιγραφή
tagName Απαιτείται. Η ετικέτα του στοιχείου.

Αποτελεσματικότητα

Τύπος Περιγραφή
Αντικείμενο

Αντικείμενο HTMLCollection

Συλλογή στοιχείων με το καθορισμένο όνομα ετικέτας.

Ταξινόμηση κατά τη σειρά εμφάνισης των στοιχείων στο έγγραφο.

Τεχνικά λεπτομέρειες

Η μέθοδος αυτή θα επιστρέψει το αντικείμενο NodeList (μπορεί να χειριστείται ως αναγνώσιμη λίστα), το οποίο περιέχει όλα τα στοιχεία Element με το καθορισμένο όνομα ετικέτας στο έγγραφο, ακολουθώντας τη σειρά που εμφανίζονται στο αρχείο πηγής.

Το αντικείμενο NodeList είναι "ζωντανό", δηλαδή αν προσθέσετε ή αφαιρέσετε στο έγγραφο στοιχεία με το ίδιο όνομα ετικέτας, το περιεχόμενό του θα ενημερωθεί αυτόματα.

Τα έγγραφα HTML δεν διακρίνονται σε κεφαλαία και πεζά, οπότε μπορείτε να καθορίσετε οποιαδήποτε μορφή κεφαλαίων. tagNameΜατσοβάζει με όλες τις ετικέτες με το ίδιο όνομα στο έγγραφο, ανεξάρτητα από τη μορφή κεφαλαίων που χρησιμοποιούνται στο αρχείο πηγής. Αλλά τα έγγραφα XML διακρίνονται σε κεφαλαία και πεζά.tagName Ματσοβάζει μόνο με ετικέτες που έχουν το ίδιο όνομα και μορφή κεφαλαίων στο αρχείο πηγής.

Συμβουλή:Η διασύνδεση Element ορίζει μια μέθοδο με το ίδιο όνομα, η οποία αναζητά μόνο τα υποδέντρα του έγγραφου. Επιπλέον, η διασύνδεση HTMLDocument ορίζει Μέθοδος getElementByName()Βασίζεται στη τιμή του χαρακτηριστικού name (και όχι στο όνομα του ετικέτας).

Υποστήριξη περιηγητή

document.getElementsByTagName() Είναι χαρακτηριστικό του DOM Level 1 (1998).

Όλοι οι περιηγητές υποστηρίζουν το:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Υποστήριξη 9-11 Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη

Σχετικές σελίδες

Εγχειρίδιο JavaScript:element.getElementsByTagName()

Εκμάθηση JavaScript:Λίστα Νόμων HTML DOM JavaScript