HTMLCollection item()- Methode
Beispiel
Rufen Sie den HTML-Inhalt des ersten <p>-Elements dieses Dokuments ab:
function myFunction() {
var x = document.getElementsByTagName("P").item(0);
alert(x.innerHTML);
}
Definition und Verwendung
Die item()
Methode gibt das Element am angegebenen Index in einer HTMLCollection zurück.
Die Elemente werden so sortiert, wie sie im Quellcode erscheinen, und der Index beginnt bei 0.
Es kann auch eine Kurzschriftmethode verwendet werden, die dasselbe Ergebnis liefert:
var x = document.getElementsByTagName("P")[0];
Browser-Unterstützung
Method | |||||
---|---|---|---|---|---|
item() | Yes | Yes | Yes | Yes | Yes |
Syntax
HTMLCollection.item(index)
ODER:
HTMLCollection[index]
Parameterwerte
Parameter | Type | Description |
---|---|---|
index | Number | Required. The index of the element you want to return. Note: The index starts at 0 |
Rückgabewert
Ein Element -Objekt, das das Element am angegebenen Index darstellt.
Gibt null zurück , wenn die Indexnummer außerhalb des zulässigen Bereichs liegt
Mehr Beispiele
Beispiel
Ändern Sie den HTML-Inhalt des ersten <p>-Elements:
document.getElementsByTagName("P").item(0).innerHTML = "Paragraph changed";
Beispiel
Durchlaufen Sie alle Elemente mit class="myclass" und ändern Sie ihre Hintergrundfarbe:
var x = document.getElementsByClassName("myclass");
for (i = 0; i <
x.length; i++) {
x.item(i).style.backgroundColor = "red";
}
Beispiel
Rufen Sie den HTML-Inhalt des ersten <p>-Elements innerhalb eines <div>-Elements ab:
var div = document.getElementById("myDIV");
var x = div.getElementsByTagName("P").item(0).innerHTML;
Verwandte Seiten
HTMLCollection : Eigenschaftslänge
HTML-Element: Methode getElementsByClassName()
HTML-Element: Methode getElementsByTagName()