HTML DOM getElementsByTagName() Methode

Definition und Verwendung

Die Methode getElementsByTagName() kann eine Sammlung von Objekten mit einem bestimmten Tagnamen zurückgeben.

Syntax

document.getElementsByTagName(tagname)

Erklärung

Die Reihenfolge der Elemente, die von der Methode getElementsByTagName() zurückgegeben werden, entspricht der Reihenfolge, in der sie im Dokument vorkommen.

Wenn die spezielle Zeichenfolge "*" an die Methode getElementsByTagName() übergeben wird, gibt sie eine Liste aller Elemente im Dokument zurück, die in der Reihenfolge stehen, in der sie im Dokument vorkommen.

Hinweise und Anmerkungen

Anmerkung:Die Zeichenfolge, die an die Methode getElementsByTagName() übergeben wird, muss nicht in Bezug auf Groß- und Kleinschreibung unterscheiden.

Beispiel

Beispiel 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="Wie viele Eingabelemente?" />
</body>
</html>

Beispiel 2

Sie können mit der Methode getElementsByTagName() eine Liste von HTML-Elementen jeder Art erhalten. Zum Beispiel kann das folgende Code alle Tabellen im Dokument erhalten:

var tables = document.getElementsByTagName("table");
alert("This document contains " + tables.length + " tables");

Beispiel 3

Wenn Sie die Struktur des Dokuments sehr gut kennen, können Sie auch die Methode getElementsByTagName() verwenden, um ein bestimmtes Element im Dokument zu erhalten. Zum Beispiel kann das folgende Code den vierten Absatz im Dokument erhalten:

var myParagragh = document.getElementsByTagName("p")[3];

Wir glauben jedoch, dass die Verwendung der Methode getElementById() effektiver ist, wenn Sie einen bestimmten Element operationieren müssen.