HTML DOM FirstChild Property
Contoh
Dapatkan konten HTML dari simpul anak pertama dari elemen <ul>:
var x = document.getElementById("myList").firstChild.innerHTML;
Lebih banyak contoh "Coba Sendiri" 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, simpul teks atau simpul komentar (tergantung yang pertama), sedangkan firstElementChild mengembalikan simpul anak pertama sebagai simpul elemen (mengabaikan teks dan node komentar).
Catatan: Spasi di dalam elemen dianggap sebagai teks, dan teks dianggap sebagai simpul (Lihat "Contoh Lainnya").
Properti ini hanya-baca.
Tip: Gunakan properti elemen .childNodes untuk mengembalikan simpul anak dari simpul yang ditentukan. childNodes[0] akan menghasilkan hasil yang sama dengan firstChild.
Tip: Untuk mengembalikan node anak terakhir dari node tertentu, gunakan properti lastChild .
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
firstChild | Yes | Yes | Yes | Yes | Yes |
Sintaksis
node.firstChild
Detail Teknis
Nilai Kembali: | Objek Node, mewakili anak pertama dari sebuah node, atau null jika tidak ada node anak |
---|---|
Versi DOM | Objek Node Tingkat 1 Inti |
Lebih Banyak Contoh
Contoh
Dalam contoh ini, kami menunjukkan bagaimana spasi dapat mengganggu properti ini.
Dapatkan nama simpul dari simpul anak pertama dari elemen <div>:
<!--
Whitespace inside elements is considered as text, and text is considered as nodes
In this example, there is whitespace before <p>, before <span> and after <span>
Therefore, the first child node of <div> is a #text node, and not the <p> element you expected
-->
<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>
Contoh
Namun, jika kita menghapus spasi putih dari sumbernya, tidak ada simpul #teks di <div>, yang akan menjadikan elemen <p> simpul 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>
Contoh
Dapatkan teks simpul anak pertama dari elemen <select>:
var x = document.getElementById("mySelect").firstChild.text;
Halaman Terkait
Referensi DOM HTML: simpul. properti anak terakhir
Referensi DOM HTML: simpul. properti childNodes
Referensi DOM HTML: simpul. properti parentNode
Referensi DOM HTML: simpul. Properti Saudara berikutnya
Referensi DOM HTML: simpul. Properti Saudara sebelumnya
Referensi DOM HTML: simpul. properti nodeName