Exemplu
Ia - o colecție de <body> copii elementului:
var c =
document.body.children; Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Proprietatea copii returnează o colecție de elemente copil unui element, ca un obiect HTMLCollection.
Elementele din colecție sunt sortate așa cum apar în codul sursă și pot fi accesate prin numere de index. Indicele începe la 0.
Indicație: Puteți utiliza proprietatea lungimea obiectului HTMLCollection pentru a determina numărul de elemente copil, atunci puteți bucla prin toți copiii și se extrage informațiile pe care le doriți.
Diferența dintre această proprietate și childNodes , este că childNodes conține toate nodurile, inclusiv nodurile de text și noduri de comentarii, în timp ce copiii conțin doar nodurile elementului.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| children | 2.0 | 9.0 * | 3.5 | 4 | 10.0 |
* Notă: Proprietatea copiilor este susținută pe deplin în IE6 la IE8. Cu toate acestea, în aceste versiuni, returnează nodurile element și noduri de comentarii. IE9 + returnează doar nodurile elementului.
Sintaxă
element .childrenDetalii tehnice
| Întoarcere Valoare: | Un obiect HTMLCollection viu, ceea ce reprezintă o colecție de noduri de elemente. Elementele 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âți copii un <div> element are:
var c =
document.getElementById("myDIV").children.length;Rezultatul va fi c:
2 Încearcă - l singur » Exemplu
Schimba culoarea de fundal a elementului al doilea copil al unui <div> Element:
var c = document.getElementById("myDIV").children;
c[1].style.backgroundColor = "yellow"; Încearcă - l singur » Exemplu
Ia textul celui de al treilea element de copil (index 2) al unui <select> Element:
var c = document.getElementById("mySelect").children[2].text;Rezultatul va fi c:
Saab Încearcă - l singur » Exemplu
Buclă prin toți copiii de <body> si schimba culoarea de fundal la roșu:
var c = document.body.children;
var i;
for (i = 0; i < c.length; i++)
{
c[i].style.backgroundColor = "red";
} Încearcă - l singur » Pagini similare
HTML DOM referință: childNodes Property