Exemplu
Obține conținutul HTML al primului <p> elementul (index 0) în interiorul documentului:
var nodelist = document.getElementsByTagName("P").item(0).innerHTML;
Rezultatul nodelist va fi:
The first p element in the document.
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
item() metoda returneaza un nod la indexul specificat într - un obiect NodeList.
Nodurile sunt sortate așa cum apar în codul sursă, iar indicele începe la 0.
Un obiect de colectare nod de noduri copil este un exemplu al unui obiect NodeList.
Notă: Există două moduri de a accesa un nod la indexul specificat într - o listă nod:
Această sintaxă:
document.body.childNodes.item(0);
// The first child node of <body> Try it
Va produce același rezultat ca această sintaxă:
document.body.childNodes[0];
// The first child node of <body> Try it
Puteți folosi orice metodă doriți, cu toate acestea, cea mai comuna metoda este [Index].
Sfat: utilizați lungimea proprietății pentru a reveni la numărul de noduri într - un obiect NodeList.
Suport pentru browser-
Metodă | |||||
---|---|---|---|---|---|
item() | da | da | da | da | da |
Sintaxă
Valorile parametrilor Parametru Tip Descriere index Number Necesar. Indexul nodului pe care doriți să se întoarcă, în lista de noduri.
Notă: Indicele începe de la 0
Detalii tehnice
Întoarcere Valoare: Un obiect Node, reprezentând nodul la indexul specificat.
Notă: Returnează null dacă numărul de index este în afara intervalului DOM Versiunea Nivelul de bază 1 Nodelist Obiect
Mai multe exemple
Exemplu
Obține conținutul HTML al primului <p> elementul (index 0) într - un <div> Element:
var div = document.getElementById("myDIV");
var nodelist =
div.getElementsByTagName("P")[0].innerHTML; Rezultatul nodelist va fi:
First p element in div. Încearcă - l singur »
Exemplu
Modificați conținutul HTML al primului <p> elementul (index 0) în interiorul unui <div> Element:
var div = document.getElementById("myDIV");
div.getElementsByTagName("P")[0].innerHTML
= "Paragraph changed"; Încearcă - l singur »
Exemplu
Bucla prin toate elementele cu class = „copil“ într - un <div> element și schimba culoarea de fundal:
var div = document.getElementById("myDIV");
var nodelist =
div.getElementsByClassName("child");
var i;
for (i = 0; i <
nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
} Încearcă - l singur »
Pagini similare
HTML DOM Reference: nodelist .length Proprietate
HTML DOM Reference: Element .childNodes Proprietate
HTML DOM Reference: href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method
HTML DOM Reference: href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method
HTML DOM Reference: href="met_element_queryselectorall.html"> element . querySelectorAll() Method href="met_element_queryselectorall.html"> element . querySelectorAll() Method
HTML DOM Reference: href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method
HTML DOM Reference: href="met_doc_getelementsbyname.html">document. getElementsByName() Method href="met_doc_getelementsbyname.html">document. getElementsByName() Method
HTML DOM Reference: href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method
HTML DOM Reference: href="met_document_queryselectorall.html">document. querySelectorAll() Method href="met_document_queryselectorall.html">document. querySelectorAll() Method