HTML DOM Element children özelliği

Tanım ve Kullanım

children Özellik elementin alt elementlerinin koleksiyonunu döner.

children Özellik HTMLCollection nesnesi döner.

Daha fazla bilgi için bkz：

firstElementChild özelliği

lastElementChild özelliği

nextElementSibling özelliği

previousElementSibling özelliği

childElementCount özelliği

childNodes özelliği

HTML düğümü ile element

HTML HTML DOM（Doküman Obje Modeli）'nde, HTML dokümanı alt düğümleri olan (veya olmayan) düğüm kümeleri olarak sahiptir.

DüğümElement düğümü、text düğümü ve açıklama düğümü anlamına gelir.

ElementArasındaki boşluk da text düğümüdür.

Ancak element sadece element düğümüdür.

Alt düğüm ve alt element

childNodes DönüşAlt düğüm（element düğüm节点的、text düğüm节点的 ve açıklama düğüm节点的）。

children DönüşAlt element（metin ve açıklama düğüm节点的而不是）。

Eş kardeşler ve element eş kardeşleri

kardeşlerKardeşler ve kız kardeşler.

kardeşleraynı ebeveyn düğümüne sahip düğümlerdir (aynı childNodes listesinde).

element kardeşleriaynı ebeveyn elementine sahip elementlerdir (aynı children listesinde).

Örnek

Örnek 1

<body> elementinin alt element kümesini alın:

const collection = document.body.children;

Kişisel olarak deneyin

Örnek 2

"myDIV" kaç alt elementi vardır:

let count = document.getElementById("myDIV").children.length;

Kişisel olarak deneyin

Örnek 3

"myDIV" ikinci alt elementinin arka planını değiştirin:

const collection = document.getElementById("myDIV").children;
collection[1].style.backgroundColor = "yellow";

Kişisel olarak deneyin

Örnek 4

<select> elementinin üçüncü alt elementinin (3. indeks) metnini alın:

const collection = document.getElementById("mySelect").children[2].text;

Kişisel olarak deneyin

Örnek 5

<body> etkininin tüm alt elementlerini tarayın ve arka planlarını değiştirin:

const collection = document.body.children;
for (let i = 0; i < collecton.length; i++) {
  collection[i].style.backgroundColor = "red";
}

Kişisel olarak deneyin

Gramer

element.children

Dönüş değeri

Tür Açıklama
Nesne

HTMLCollection nesnesi.

Eleman düğüm kümesi.

Elemanlar, belgede ortaya çıktıklarında sıralanır.

Tarayıcı desteği

element.children DOM Level 1 (1998) özelliğidir.

Tüm tarayıcılar tamamen destekler:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Destek 9-11 Destek Destek Destek Destek