HTML DOM getElementsByTagName() metod
Definition och användning
Metoden getElementsByTagName() kan returnera en samling av objekt med angiven taggnamn.
Syntaks
document.getElementsByTagName(tagname)
Förklaring
Elementens ordning som returneras av metoden getElementsByTagName() är den ordning de finns i dokumentet.
Om den speciella strängen "*" skickas till metoden getElementsByTagName(), kommer den att returnera en lista över alla element i dokumentet, i den ordning de finns i dokumentet.
Tips och kommentarer
Kommentar:Strängen som skickas till metoden getElementsByTagName() kan vara skiftlägesokänslig.
Exempel
Exempel 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="Hur många input-element?" />
</body>
</html>
Exempel 2
Du kan använda getElementsByTagName() metoden för att få en lista över alla typer av HTML-element. Till exempel, följande kod kan få tag på alla tabeller i dokumentet:
var tables = document.getElementsByTagName("table");
alert ("This document contains " + tables.length + " tables");
Exempel 3
Om du är mycket väl förtrogen med dokumentets struktur, kan du också använda getElementsByTagName() metoden för att få tag på ett specifikt element i dokumentet. Till exempel, följande kod kan få tag på den fjärde paragrafen i dokumentet:
var myParagragh = document.getElementsByTagName("p")[3];
Men vi anser fortfarande att om du behöver manipulera ett specifikt element, kommer användningen av getElementById() metoden att vara mer effektiv.
