HTML DOM Öğesi alt düğümleri
Öğe NesnesiÖrnek
<body> öğesinin alt düğümlerini alın:
const nodeList = document.body.childNodes;
Aşağıda daha fazla örnek.
Tanım ve Kullanım
Özellik childNodes
, bir öğenin alt düğümlerinin bir koleksiyonunu (listesini) döndürür.
Özellik childNodes
, bir NodeList nesnesi döndürür.
childNodes
Mülk salt okunurdur .
Not
Öğelerin içindeki boşluk, metin düğümleri olarak kabul edilir.
Yorumlar da düğüm olarak kabul edilir.
childNodes[0]
ile aynıdır firstChild
.
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:
Düğüm Listesi
Bir NodeList, Düğüm Nesnelerinin dizi benzeri bir koleksiyonudur (liste).
Bir NodeList, listedeki düğüm sayısını döndüren bir uzunluk özelliğine sahiptir.
Düğümlere indeks numaraları ile erişilebilir. Endeks 0'dan başlar.
Sözdizimi
element.childNodes
Geri dönüş değeri
Tip | Açıklama |
Nesne | Düğümlerin bir NodeList nesne koleksiyonu. Düğümler belgede göründükleri gibi sıralanır. |
Daha fazla örnek
Bir <div> öğesindeki alt düğümlerin sayısı:
let numb = document.getElementById("myDIV").childNodes.length;
İkinci alt düğümün arka plan rengini değiştirin:
document.getElementById("myDIV").childNodes[1].style.backgroundColor = "yellow";
Bir <select> öğesinin üçüncü alt düğümünün metnini alın:
let text = document.getElementById("mySelect").childNodes[2].text;
İlgili Sayfalar
Tarayıcı Desteği
element.childNodes
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