Metoda getElementsByTagName() DOM HTML
Definicja i użycie
Metoda getElementsByTagName() zwraca zbiór obiektów o określonym nazwie znacznika.
Gramatyka
document.getElementsByTagName(tagname)
Wyjaśnienie
Kolejność elementów zwróconych przez metodę getElementsByTagName() jest kolejnością ich występowania w dokumencie.
Jeśli przekazujemy specjalny ciąg znaków "*" do metody getElementsByTagName(), zwróci ona listę wszystkich elementów dokumentu, uporządkowanych w kolejności ich występowania w dokumencie.
Wskazówki i komentarze
Uwaga:Ciąg znaków przekazywany do metody getElementsByTagName() może być niezależny od wielkości liter.
Przykład
Przykład 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="Ile elementów wejściowych?" />
</body>
</html>
Przykład 2
Możesz uzyskać listę dowolnego typu elementów HTML za pomocą metody getElementsByTagName(). Na przykład, poniższy kod uzyska wszystkie tabele w dokumencie:
var tables = document.getElementsByTagName("table");
alert ("This document contains " + tables.length + " tables");
Przykład 3
Jeśli bardzo dobrze znasz strukturę dokumentu, możesz również użyć metody getElementsByTagName() do uzyskania konkretnego elementu dokumentu. Na przykład, poniższy kod uzyska czwarty akapit w dokumencie:
var myParagragh = document.getElementsByTagName("p")[3];
Jednakże, uważamy, że jeśli potrzebujesz operować nad konkretnym elementem, użycie metody getElementById() będzie bardziej efektywne.
