En son web geliştirme öğreticiler
 

HTML DOM children Propery

<Eleman Nesne

Örnek

Bir koleksiyon alın <body> çocuk elemanlarını:

var c = document.body.children;
Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.

Tanımı ve Kullanımı

Çocukların Tesiste HTMLCollection nesnesi olarak, bir elementin alt öğeleri koleksiyonunu döndürür.

onlar kaynak kodunda görünür ve endeks numaralarıyla ulaşılabilir olarak koleksiyonundaki elemanları sıralanır. indeks 0 ile başlar.

İpucu: Bu durumda, bütün çocuklar döngü ve istediğiniz bilgi çıkarabilir, alt öğelerin sayısını belirlemek için HTMLCollection nesnesinin length özelliğini kullanabilirsiniz.

Bu özellik arasındaki fark childNodes çocuklar sadece eleman düğümleri ihtiva ederken, childNodes metin düğümleri ve yorum düğümler dahil tüm düğümleri, içermesidir.

Tarayıcı Desteği

Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.

özellik
children 2.0 9.0 * 3.5 4.0 10.0

* Not: Çocukların tesis tam IE8 için IE6 desteklenir. Ancak bu versiyonlarda, bu eleman düğümleri VE yorum düğümleri döndürür. IE9 + tek unsur düğümleri döndürür.

Sözdizimi

element .children

Teknik detaylar

Geri dönüş değeri: öğe düğümleri bir koleksiyon temsil eden bir canlı HTMLCollection nesnesi. onlar kaynak kodunda göründükleri gibi döndürülen koleksiyonunda elemanları sıralanır
DOM Sürüm Çekirdek Seviye 1 Eleman Nesne
Örnekler

Diğer Örnekler

Örnek

Bir kaç çocuk öğrenin <div> öğesi vardır:

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

C sonucu olacaktır:

2
Kendin dene "

Örnek

Bir ikinci alt öğe arka plan rengini değiştirme <div> elemanı:

var c = document.getElementById("myDIV").children;
c[1].style.backgroundColor = "yellow";
Kendin dene "

Örnek

Üçüncü alt öğesi metnini alın (index 2) a <select> elemanı:

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

C sonucu olacaktır:

Saab
Kendin dene "

Örnek

Tüm alt öğelerinin Döngü <body> ve kırmızı onların arka plan rengini değiştirmek:

var c = document.body.children;
var i;
for (i = 0; i < c.length; i++) {
    c[i].style.backgroundColor = "red";
}
Kendin dene "

İlgili Sayfalar

HTML DOM referansı: childNodes Property

<Eleman Nesne