HTML DOM Element firstChild özelliği

Tanım ve Kullanım

firstChild Özellik, belirtilen düğümün ilk altın düğümünü Node nesnesi olarak döndürür.

firstChild Özellik yalnız okunabilir.

firstChild Özellik ile childNodes[0] Aynı.

Dikkat

firstChild İlk altın düğümü döndürür: element düğümü, metin düğümü veya yorum düğümü.

Element aralarındaki boşluklar da metin düğümüdedir.

Alternatif:

firstElementChild özelliği - firstElementChild Özellik, ilk altın elementi döndürür (metin ve yorum düğümünü göz ardı eder).

Daha fazla bilgi için:

childNodes özelliği

lastChild özelliği

nextSibling özelliği

previousSibling özelliği

Düğüm özellikleri

parentNode özelliği

nodeName özelliği

nodeType özelliği

nodeValue özelliği

Örnek

Örnek 1

<ul> elementinin birinci altın elementinin HTML içeriğini döndür:

document.getElementById("myList").firstChild.innerHTML;

Kişisel olarak deneyin

Örnek 2

<select> elementinin birinci altın elementinin metnini al:

let text = document.getElementById("mySelect").firstChild.text;

Kişisel olarak deneyin

Örnek 3

Bu örnek, boşlukların müdahalesini gösterir.

"myDIV" niñın birinci altın elementinin adını alma çabası:

<div id="myDIV">
  <p>İlk çocuk gibi görünüyor</p>
  <p>En son çocuk gibi görünüyor</p>
</div>
<script>
let text = document.getElementById("myDIV").firstChild.nodeName;
</script>

Kişisel olarak deneyin

Örnek 4

Ancak, kaynaktan boşlukları silerseniz, "myDIV" de #text düğümü yok:

<div id="myDIV"><p>İlk çocuk</p><p>En son çocuk</p></div>
<script>
let text = document.getElementById("myDIV").firstChild.nodeName;
</script>

Kişisel olarak deneyin

HTML düğümü ile element

HTML HTML DOM（Doküman Obje Modeli）'nde, HTML belgesi alt düğümlere sahip olan (veya sahip olmayan) düğüm kümesidir.

DüğümElement düğümü, metin düğümü ve yorum düğümüdür.

ElementAralarındaki boşluklar da metin düğümüdür.

Element sadece element düğümüdür.

Alt düğümle alt eleman

childNodes DönüşAlt düğüm（Element düğümü, metin düğümü ve yorum düğümü).

children DönüşAlt elemanMetin ve yorum düğümü değil. (Dönmeyenler).

firstChild ile firstElementChild

firstChild İlkini dönerAlt düğüm（Element düğümü, metin düğümü veya yorum düğümü). Aralarındaki boşluklar da metin düğümüdür.

firstElementChild İlkini dönerAlt elemanMetin düğümü ve yorum düğümü dönmeyenler. (Dönmeyenler).

lastChild ile lastElementChild

lastChild Sonuncusunu dönerAlt düğüm（Element düğümü, metin düğümü veya yorum düğümü). Aralarındaki boşluklar da metin düğümüdür.

lastElementChild Sonuncusunu dönerAlt elemanMetin düğümü ve yorum düğümü dönmeyenler. (Dönmeyenler).

Gramer

element.firstChild

veya

node.firstChild

Dönüş değeri

Tür Açıklama
Düğüm

Düğümün ilk alt düğümü.

Eğer alt çocuk yoksa null döner.

Tarayıcı desteği

element.firstChild Bu DOM Level 1 (1998) özelliğidir.

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