element.firstChild özelliği, elementin ilk alt elementini verir.
Sözdizimi
eleman = element.firstChild
Dönüş Değeri
| eleman | ELEMENT tipinde düğüm. Alt element olmaması durumunda null döner. |
Aşağıdaki örnek, element.firstChild özelliğini kullanarak içinde iki tane div bulunan bir div elementinin ilk düğümünün alınıp bazı özelliklerinin sayfaya yazdırılmasını göstermektedir.
Not: Aşağıdaki canlı sonucu veren kodlar farklıdır ve tek farkı div etiketleri arasında boşluk bırakılmamasıdır. Eğer etiketleri boşluk bırakarak veya Tab kullanarak düzenlerseniz Firefox, Netscape ve Safari tarayıcıları ilk düğümü boşluk veya Tab karakteri olarak görüp TEXT_NODE olarak değerlendirecektir.
<div id="AnaDiv" style="border: solid 1px black;">
<div id="AltDiv1">İçerik-1</div>
<div id="AltDiv2">İçerik-2</div>
</div>
<script type="text/javascript">
var IlkDugum = document.getElementById('AnaDiv').firstChild;
document.write("Düğüm Kimlik : " + IlkDugum.id + "<br/>");
document.write("Düğüm Tipi : " + IlkDugum.nodeType + "<br/>");
document.write("Düğüm Adı : " + IlkDugum.nodeName + "<br/>");
document.write("Düğüm Değeri : " + IlkDugum.nodeValue + "<br/>");
document.write("Düğüm innerHTML : " + IlkDugum.innerHTML + "<br/>");
</script>
Canlı Sonuç