Ultimele tutoriale de dezvoltare web
 

HTML DOM item() Method

<Element Object

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

Exemple

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


<Element Object