HTML DOM firstElementChild Property
Contoh
Dapatkan konten HTML dari elemen anak pertama dari elemen <ul>:
var x = document.getElementById("myList").firstElementChild.innerHTML;
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Properti firstElementChild mengembalikan elemen anak pertama dari elemen yang ditentukan.
Perbedaan antara properti ini dan firstChild , adalah bahwa firstChild mengembalikan simpul anak pertama sebagai simpul elemen, simpul teks atau simpul komentar (tergantung yang mana yang pertama), sedangkan firstElementChild mengembalikan simpul anak pertama sebagai simpul elemen (mengabaikan teks dan node komentar).
Properti ini hanya-baca.
Tip: Gunakan properti anak untuk mengembalikan elemen anak dari elemen tertentu. children[0] akan menghasilkan hasil yang sama dengan firstElementChild.
Tip: Untuk mengembalikan elemen anak terakhir dari elemen tertentu, gunakan properti lastElementChild .
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Sintaksis
element.firstElementChild
Detail Teknis
Nilai Kembali: | Objek Node, mewakili elemen anak pertama dari suatu elemen, atau null jika tidak ada elemen anak |
---|---|
Versi DOM | Lintasan Elemen Level 3 Inti |
Lebih Banyak Contoh
Contoh
Dapatkan nama tag elemen anak pertama dari elemen <div>:
var x = document.getElementById("myDIV").firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;
Contoh
Dapatkan teks dari simpul elemen pertama dari elemen <select>:
var x = document.getElementById("mySelect").firstElementChild.text;