Μέθοδος getElementsByTagName() του HTML DOM
Ορισμός και χρήση
Η συνάρτηση getElementsByTagName() μπορεί να επιστρέψει μια συλλογή αντικειμένων με καθορισμένο όνομα ετικέτας.
Γραμματική
document.getElementsByTagName(tagname)
Περιγραφή
Η σειρά των στοιχείων που επιστρέφει η συνάρτηση getElementsByTagName() είναι η σειρά που εμφανίζονται στο έγγραφο.
Αν η ειδική συμβολοσειρά "*" παραπεμφθεί στη συνάρτηση getElementsByTagName(), θα επιστρέψει τη λίστα όλων των στοιχείων του έγγραφου, με τη σειρά που εμφανίζονται στο έγγραφο.
Σημειώσεις και παρατηρήσεις
Σημείωση:Η συμβολοσειρά που παρέχεται στη συνάρτηση getElementsByTagName() μπορεί να είναι ανεξάρτητη από το μέγεθος των γραμμάτων.
Παράδειγμα
Παράδειγμα 1
<html>
<head>
<script type="text/javascript">
function getElements()
{
var x=document.getElementsByTagName("input");
alert(x.length);
}
</script>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
value="Πόσα στοιχεία εισαγωγής;" />
</body>
</html>
Παράδειγμα 2
Μπορείτε να χρησιμοποιήσετε τη μεθόδο getElementsByTagName() για να αποκτήσετε μια λίστα με οποιοδήποτε τύπο HTML στοιχείων. Για παράδειγμα, ο παρακάτω κώδικας μπορεί να αποκτήσει όλους τους πίνακες του έγγραφου:
var tables = document.getElementsByTagName("table");
alert ("Το έγγραφο αυτό περιέχει " + tables.length + " πίνακες");
Παράδειγμα 3
Αν είστε πολύ καλοί στη δομή του έγγραφου, μπορείτε επίσης να χρησιμοποιήσετε τη μεθόδο getElementsByTagName() για να αποκτήσετε ένα συγκεκριμένο στοιχείο του έγγραφου. Για παράδειγμα, το παρακάτω κώδικας μπορεί να αποκτήσει τον τέταρτο παράγραφο του έγγραφου:
var myParagragh = document.getElementsByTagName("p")[3];
Ωστόσο, πιστεύουμε ότι αν χρειάζεστε να επεξεργαστείτε ένα συγκεκριμένο στοιχείο, η χρήση της μεθόδου getElementById() θα είναι πιο αποτελεσματική.
