HTML DOM getElementsByTagName() methode
Definitie en gebruik
De methode getElementsByTagName() kan een verzameling objecten retourneren die de opgegeven tagnaam hebben.
Syntaxis
document.getElementsByTagName(tagname)
Verklaring
De volgorde waarin de getElementsByTagName() methode elementen retourneert, is dezelfde als de volgorde waarin ze in het document voorkomen.
Als de speciale string "*" wordt doorgegeven aan de methode getElementsByTagName(), zal deze de lijst van alle elementen in het document retourneren, in de volgorde waarin ze in het document voorkomen.
Tips en opmerkingen
Opmerking:De string die aan de methode getElementsByTagName() wordt doorgegeven, hoeft niet hoofdlettergevoelig te zijn.
Voorbeeld
Voorbeeld 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="How many input elements?" />
</body>
</html>
Example 2
You can use the getElementsByTagName() method to get a list of any type of HTML elements. For example, the following code can get all the tables in the document:
var tables = document.getElementsByTagName("table");
alert("This document contains " + tables.length + " tables");
Example 3
If you are very familiar with the structure of the document, you can also use the getElementsByTagName() method to get a specific element in the document. For example, the following code can get the fourth paragraph in the document:
var myParagragh = document.getElementsByTagName("p")[3];
However, we still believe that if you need to operate a specific element, using the getElementById() method will be more effective.
