HTML DOM Element childNodes özelliği

Tanım ve kullanım

childNodes Özellik, element alt düğümlerinin koleksiyonunu (listesini) döndürür.

childNodes Özellik NodeList nesnesi döndürür.

childNodes Özellik yalnızca okunabilirdir.

childNodes[0] firstChild ile aynıdır.

İpucu

childNodes Dönen düğüm: element düğümü, metin düğümü ve yorum düğümü.

Element arasındaki boşluklar da metin düğümleri olabilir.

Alternatif çözüm:

children özelliği - children Özellik, alt elementleri döndürür (metin ve yorumları göz ardı eder).

Ayrıca bakınız:

firstChild özelliği

lastChild özelliği

nextSibling özelliği

previousSibling özelliği

hasChildNodes() yöntemi

düğüm özellikleri

parentNode özelliği

nodeName özelliği

nodeType Özelliği

nodeValue Özelliği

HTML Node ile Element

HTML HTML DOMDoküman Obje Modeli (DOM) içinde, HTML belgesi, (veya olmayabilir) alt elementlere sahip bir node koleksiyonudur.

Nodeelement node, metin node ve yorum node demektir.

Elementarasındaki boşluk da metin noddur.

ancak element sadece element noddur.

Alt Node ile Alt Element

childNodes DönüşAlt Nodeelement node, metin node ve yorum node).

children DönüşAlt Elementyapılmıştır (metin ve yorum nodları değil).

Akraba ile Element Akrabaları

Akraba"kardeş" ve "kızkardeş"tir.

AkrabaAynı ebeveyn noduna sahip nodlar (aynı childNodes listede）。

Element AkrabalarıAynı ebeveyn elementine sahip elementlerdir (aynı children listede）。

Örnek

Örnek 1

<body> elementinin alt elementlerini alın:

const nodeList = document.body.childNodes;

Kişisel Deneyim

Örnek 2

"myDIV" içindeki alt element sayısını alın:

let numb = document.getElementById("myDIV").childNodes.length;

Kişisel Deneyim

Örnek 3

İkinci alt elementin arka plan rengini değiştir:

element.childNodes[1].style.backgroundColor = "yellow";

Kişisel Deneyim

Örnek 4

<select> elementinin üçüncü alt elementinin metnini alın:

let text = document.getElementById("mySelect").childNodes[2].text;

Kişisel Deneyim

Sözdizimi

element.childNodes

Dönüş Değeri

Tip Açıklama
Nesne

Nod NodeList nesne koleksiyonu.

Nodlar, belgede ortaya çıktıkları sırayla sıralanır.

Tarayıcı Desteği

element.childNodes DOM Seviye 1 (1998) özellikleridir.

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