Ultimele tutoriale de dezvoltare web
 

HTML DOM childNodes Propery

<Element Object

Exemplu

Ia - o colecție de <body> noduri copil elementului:

var c = document.body.childNodes;
Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.


Definiție și utilizare

Proprietatea childNodes returnează o colecție de noduri copil unui nod, ca un obiect NodeList.

Nodurile din colecție sunt sortate așa cum apar în codul sursă și pot fi accesate prin numere de index. Indicele începe la 0.

Notă: în interiorul elementelor este spațiu alb considerat ca text, iar textul este considerat ca noduri. Comentariile sunt de asemenea considerate ca noduri.

Indicație: Puteți utiliza lungimea proprietatea obiectului NodeList pentru a determina numărul de noduri copil, atunci puteți bucla prin toate nodurile copil și extrage informațiile pe care le doriți.

Această proprietate este read-only.

Indicație: Pentru a reveni o colecție de noduri elementului unui nod (excluding text and comment nodes) cu (excluding text and comment nodes) , utilizați copii proprietate.

Sfat: .childNodes elementului [0] va produce același rezultat ca firstChild proprietate.


Suport pentru browser-

Proprietate
childNodes da da da da da

Sintaxă

element .childNodes

Detalii tehnice

Întoarcere Valoare: Un obiect NodeList, ceea ce reprezintă o colecție de noduri. Nodurile din colecția returnate sunt sortate așa cum apar în codul sursă
DOM Versiunea Nivelul de bază 1 Element Obiect

Exemple

Mai multe exemple

Exemplu

Aflați cât de multe nodurile copil un <div> element are:

var c = document.getElementById("myDIV").childNodes.length;

Rezultatul va fi c:

5
Încearcă - l singur »

Exemplu

Schimba culoarea de fundal al doilea nod copil (index 1) dintr - un <div> Element:

var c = document.getElementById("myDIV").childNodes;
c[1].style.backgroundColor = "yellow";
Încearcă - l singur »

Exemplu

Ia textul celui de al treilea nod copil (index 2) al unui <select> Element:

var c = document.getElementById("mySelect").childNodes[2].text;

Rezultatul va fi c:

Saab
Încearcă - l singur »

Pagini similare

HTML DOM de referință: nod. firstChild proprietate

HTML DOM de referință: nod. lastChild proprietate

HTML DOM de referință: nod. parentNode proprietate

HTML DOM de referință: nod. nextSibling proprietate

HTML DOM de referință: nod. previousSibling proprietate

HTML DOM de referință: nod. nodeName proprietate


<Element Object