HTML DOM Öğesi çocukları
Öğe NesnesiÖrnek
<body> öğesinin alt öğelerinin bir koleksiyonunu alın:
const collection = document.body.children;
Aşağıda daha fazla örnek.
Tanım ve Kullanım
Özellik children
, bir öğenin alt öğelerinin bir koleksiyonunu döndürür.
Özellik children
, bir HTMLCollection nesnesi döndürür.
Fark
Özellik , metin düğümleri ve yorum düğümleri dahil childNodes
tüm alt düğümlerichildren
döndürürken, özellik yalnızca alt öğeleri döndürür .
Ayrıca bakınız:
HTML Koleksiyonu
HTMLCollection , HTML düğümlerinin bir koleksiyonudur .
Bir koleksiyondaki düğümlere dizin numaralarıyla erişilebilir. Endeks 0'dan başlar.
Uzunluk Özelliği , koleksiyondaki öğelerin sayısını döndürür.
Sözdizimi
element.children
Geri dönüş değeri
Tip | Açıklama |
Nesne | Bir HTMLCollection nesnesi. Öğe düğümlerinin toplanması. Öğeler, belgede göründükleri gibi sıralanır. |
Daha fazla örnek
Bir <div> öğesinin kaç çocuğu olduğunu öğrenin:
var c =
document.getElementById("myDIV").children.length;
Bir <div> öğesinin ikinci alt öğesinin arka plan rengini değiştirin:
var c = document.getElementById("myDIV").children;
c[1].style.backgroundColor = "yellow";
Bir <select> öğesinin üçüncü alt öğesinin (dizin 2) metnini alın:
var c = document.getElementById("mySelect").children[2].text;
<body> öğesinin tüm çocukları arasında dolaşın ve arka plan renklerini kırmızıya çevirin:
var c = document.body.children;
var i;
for (i = 0; i < c.length; i++) {
c[i].style.backgroundColor = "red";
}
İlgili Sayfalar
HTML DOM referansı: childNodes Özelliği
Tarayıcı Desteği
element.children
bir DOM Düzey 1 (1998) özelliğidir.
Tüm tarayıcılarda tam olarak desteklenir:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
Öğe Nesnesi