HTML DOM getElementsByTagName() metode
Definition og brug
Metoden getElementsByTagName() kan returnere en samling af objekter med den angivne tagnavn.
Syntaks
document.getElementsByTagName(tagname)
Beskrivelse
Rækkefølgen af elementer, der returneres af metoden getElementsByTagName(), er den samme som deres rækkefølge i dokumentet.
Hvis den specielle streng "*" sendes til metoden getElementsByTagName(), vil den returnere en liste over alle elementer i dokumentet, og elementernes rækkefølge vil være den samme som deres rækkefølge i dokumentet.
Påmindelser og bemærkninger
Bemærkninger:Bemærk: Strengene, der passes til metoden getElementsByTagName(), er ikke følsomme over for store og små bogstaver.
Eksempel
Eksempel 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="Hvor mange input-elementer?" />
</body>
</html>
Eksempel 2
Man kan bruge getElementsByTagName() metoden til at få fat i en liste over alle typer HTML-elementer. For eksempel kan nedenstående kode få fat i alle tabeller i dokumentet:
var tables = document.getElementsByTagName("table");
alert("This document contains " + tables.length + " tables");
Eksempel 3
Hvis du kender dokumentets struktur meget godt, kan du også bruge getElementsByTagName() metoden til at få fat i et bestemt element i dokumentet. For eksempel kan nedenstående kode få fat i den fjerde paragraf i dokumentet:
var myParagragh = document.getElementsByTagName("p")[3];
Men vi mener stadig, at det er mere effektivt at bruge getElementById() metoden, hvis du har brug for at operere med et bestemt element.
