Beispiel
Holen Sie sich den HTML - Inhalt des ersten <p> Element (index 0) innerhalb des Dokuments:
var nodelist = document.getElementsByTagName("P").item(0).innerHTML;Das Ergebnis Nodelist wird:
The first p element in the document. Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die item() Methode gibt einen Knoten in dem angegebenen Index in einem NodeList Objekt.
Die Knoten werden sortiert, wie sie im Quelltext angezeigt, und der Index beginnt bei 0.
Ein Node-Objekts aus der Sammlung von untergeordneten Knoten ist ein Beispiel für ein NodeList Objekt.
Hinweis: Es gibt zwei Möglichkeiten , einen Knoten an dem angegebenen Index in einer Knotenliste zuzugreifen:
Diese Syntax:
document.body.childNodes.item(0);
// The first child node of <body> Try it Wird das gleiche Ergebnis wie diese Syntax erzeugen:
document.body.childNodes[0];
// The first child node of <body> Try it Sie können unabhängig von Methode , die Sie verwenden möchten, jedoch die am häufigsten verwendete Methode ist [index].
Tipp: Verwenden Sie die Länge Eigenschaft , um die Anzahl von Knoten in einem NodeList Objekt zurückzukehren.
Browser-Unterstützung
| Methode | |||||
|---|---|---|---|---|---|
| item() | Ja | Ja | Ja | Ja | Ja |
Syntax
Parameterwerte Parameter Art Beschreibung index Number Erforderlich. Der Index des Knotens in der Knotenliste zurückkehren möchten.
Hinweis: Der Index beginnt bei 0
Technische Details
Rückgabewert: Ein Knoten-Objekt, der den Knoten am angegebenen Index.
Hinweis: Gibt null zurück , wenn der Index außerhalb des zulässigen Bereichs DOM Version Core Level 1 Nodelist Objekt
Mehr Beispiele
Beispiel
Holen Sie sich den HTML - Inhalt des ersten <p> Element (index 0) innerhalb eines <div> Element:
var div = document.getElementById("myDIV");
var nodelist =
div.getElementsByTagName("P")[0].innerHTML; Das Ergebnis Nodelist wird:
First p element in div. Versuch es selber "
Beispiel
Ändern Sie den HTML - Inhalt des ersten <p> Element (index 0) innerhalb eines <div> Element:
var div = document.getElementById("myDIV");
div.getElementsByTagName("P")[0].innerHTML
= "Paragraph changed"; Versuch es selber "
Beispiel
Schleife durch alle Elemente mit class = „Kind“ in einem <div> Elemente, und deren Hintergrundfarbe ändern:
var div = document.getElementById("myDIV");
var nodelist =
div.getElementsByClassName("child");
var i;
for (i = 0; i <
nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
} Versuch es selber "
Verwandte Seiten
HTML DOM Referenz: Nodelist .length Property
HTML DOM Referenz: Element .childNodes Property
HTML DOM Referenz: href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method
HTML DOM Referenz: href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method
HTML DOM Referenz: href="met_element_queryselectorall.html"> element . querySelectorAll() Method href="met_element_queryselectorall.html"> element . querySelectorAll() Method
HTML DOM Referenz: href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method
HTML DOM Referenz: href="met_doc_getelementsbyname.html">document. getElementsByName() Method href="met_doc_getelementsbyname.html">document. getElementsByName() Method
HTML DOM Referenz: href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method
HTML DOM Referenz: href="met_document_queryselectorall.html">document. querySelectorAll() Method href="met_document_queryselectorall.html">document. querySelectorAll() Method