Örnek
Bir koleksiyon alın <body> öğenin alt düğümlerin:
var c =
document.body.childNodes; Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
childNodes tesiste NodeList nesnesi olarak, bir düğümün alt düğümlerin bir koleksiyon döndürür.
onlar kaynak kodunda görünür ve endeks numaralarıyla ulaşılabilir olarak koleksiyonundaki düğümler sıralanır. indeks 0 ile başlar.
Not: elemanların iç Boşluk metin olarak kabul edilir ve metin düğümleri olarak kabul edilir. Yorumlar da düğümler olarak kabul edilir.
İpucu: kullanabilir uzunluğu o zaman tüm alt düğümler döngü ve istediğiniz bilgi çıkarabilir, çocuk düğümler sayısını belirlemek için NodeList Nesnenin özelliği.
Bu özellik salt okunur.
İpucu: Bir düğümün eleman düğümlerinin bir koleksiyon dönmek için (excluding text and comment nodes) , kullanmak çocuk özelliğini.
Öneri: elemanı .childNodes [0] ile aynı sonucu üretecektir firstChild özelliği.
Tarayıcı Desteği
| özellik | |||||
|---|---|---|---|---|---|
| childNodes | Evet | Evet | Evet | Evet | Evet |
Sözdizimi
element .childNodesTeknik detaylar
| Geri dönüş değeri: | düğümlerin bir koleksiyon temsil eden bir NodeList nesnesi. onlar kaynak kodunda göründükleri gibi döndürülen koleksiyonunda düğümler sıralanır |
|---|---|
| DOM Sürüm | Çekirdek Seviye 1 Eleman Nesne |
Diğer Örnekler
Örnek
Birçok çocuk düğümlerin öğrenin <div> öğesi vardır:
var c =
document.getElementById("myDIV").childNodes.length;C sonucu olacaktır:
5 Kendin dene " Örnek
Ikinci çocuk düğümün arka plan rengini değiştirme (index 1) a <div> elemanı:
var c = document.getElementById("myDIV").childNodes;
c[1].style.backgroundColor = "yellow"; Kendin dene " Örnek
Üçüncü çocuk düğümün metnini alın (index 2) a <select> elemanı:
var c = document.getElementById("mySelect").childNodes[2].text;C sonucu olacaktır:
Saab Kendin dene " İlgili Sayfalar
HTML DOM referans: düğümü. firstChild Mülkiyet
HTML DOM referans: düğümü. lastChild Mülkiyet
HTML DOM referans: düğümü. parentNode Mülkiyet
HTML DOM referans: düğümü. nextSibling Mülkiyet
HTML DOM referans: düğümü. previousSibling Mülkiyet
HTML DOM referans: düğümü. nodeName Mülkiyet