HTML DOM firstChild Propery

<Eleman Nesne

Örnek

Bir ilk çocuğu düğümün HTML içeriği alın <ul> elemanı:

var x = document.getElementById("myList").firstChild.innerHTML;

X'in sonucu olacaktır:

Coffee

Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.

Tanımı ve Kullanımı

firstChild özelliği bir düğüm nesnesi olarak, belirtilen düğümün birinci alt düğüm döndürür.

Bu özellik arasındaki fark firstElementChild , firstChild bir eleman düğümü, bir metin düğümü veya yorum düğüm olarak ilk çocuk düğüm döndürmesidir (depending on which one's first) firstElementChild bir elemanla ilk çocuk düğüm döndürür iken, (ignores text and comment nodes) .

Not: elemanların iç Boşluk metin olarak kabul edilir ve metin düğümleri olarak kabul edilir (See "More Examples") .

Bu özellik salt okunur.

İpucu: kullan eleman .childNodes belirli bir düğümün herhangi bir alt düğüm dönmek için özellik. childNodes [0] firstChild aynı sonucu üretecektir.

İpucu: Belirli bir düğümün son çocuk düğüm dönmek kullanmak için lastChild özelliğini.

Tarayıcı Desteği

özellik
firstChild	Evet	Evet	Evet	Evet	Evet

Sözdizimi

node .firstChild

Teknik detaylar

Geri dönüş değeri:	Herhangi bir alt düğüm varsa bir düğüm veya boş ilk çocuk temsil eden bir düğüm bir amacı,
DOM Sürüm	Çekirdek Seviye 1 Düğüm Nesne

Diğer Örnekler

Örnek

Bu örnekte, boşluk bu özelliğiyle interfare nasıl göstermektedir.

Bir ilk çocuğu düğüm düğüm adını alın <div> elemanı:

<div id="myDIV">
<p>Looks like first child</p>
<span>Looks like last Child</span>
</div>

<script>
var x = document.getElementById( "myDIV" ).firstChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>

X'in sonucu olacaktır:

#text

Kendin dene "

Örnek

Biz kaynağından boşluk kaldırmak Ancak, yapacak <div> hiçbir #text düğümleri vardır <p> elemanı ilk çocuk düğüm:

<div id="myDIV"><p>First child</p><span>Last Child</span></div>

<script>
var x = document.getElementById( "myDIV" ).firstChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>

X'in sonucu olacaktır:

Kendin dene "