HTML DOM firstChild Propery

<Elemen Object

Contoh

Dapatkan konten HTML dari node anak pertama dari <ul> elemen:

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

Hasil x akan:

Coffee

Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Properti firstChild mengembalikan node anak pertama dari node yang ditentukan, sebagai objek Node.

Perbedaan antara properti ini dan firstElementChild , adalah bahwa firstChild mengembalikan simpul anak pertama sebagai simpul elemen, node teks atau komentar simpul (depending on which one's first) , sedangkan firstElementChild mengembalikan simpul anak pertama sebagai simpul elemen (ignores text and comment nodes) .

Catatan: Whitespace di dalam elemen dianggap sebagai teks, dan teks dianggap sebagai node (See "More Examples") .

Properti ini adalah read-only.

Tip: Gunakan .childNodes elemen properti untuk kembali setiap node anak dari node yang ditentukan. childNodes [0] akan menghasilkan hasil yang sama seperti firstChild.

Tip: Untuk kembali node anak terakhir dari node yang ditentukan, gunakan lastChild properti.

Dukungan Browser

Milik
firstChild	iya nih	iya nih	iya nih	iya nih	iya nih

Sintaksis

node .firstChild

Rincian teknis

Kembali Nilai:	Sebuah objek Node, yang mewakili anak pertama dari node, atau null jika tidak ada node anak
DOM Versi	Inti Level 1 Node Obyek

Contoh lebih

Contoh

Dalam contoh ini, kita menunjukkan bagaimana spasi mungkin interfare dengan properti ini.

Dapatkan nama node node anak pertama dari <div> elemen:

<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>

Hasil x akan:

#text

Cobalah sendiri "

Contoh

Namun, jika kita menghapus spasi dari sumber, tidak ada node #text di <div>, yang akan membuat <p> elemen node anak pertama:

<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>

Hasil x akan:

Cobalah sendiri "