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 |
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