tutorial pengembangan web terbaru
 

HTML DOM firstElementChild Propery

<Elemen Object

Contoh

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

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

Hasil x akan:

Coffee
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Properti firstElementChild mengembalikan elemen anak pertama dari elemen tertentu.

Perbedaan antara properti ini dan firstChild , 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) .

Properti ini adalah read-only.

Tip: Gunakan anak properti untuk kembali setiap elemen anak dari elemen tertentu. anak-anak [0] akan menghasilkan hasil yang sama seperti firstElementChild.

Tip: Untuk kembali elemen anak terakhir dari elemen tertentu, gunakan lastElementChild properti.

Dukungan Browser

Milik
firstElementChild 2.0 9.0 3,5 4.0 10,0

Sintaksis

element .firstElementChild

Rincian teknis

Kembali Nilai: Sebuah objek Node, mewakili elemen anak pertama dari elemen, atau null jika tidak ada elemen anak
DOM Versi Inti Level 3 Elemen Traversal
contoh

Contoh lebih

Contoh

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

var x = document.getElementById( "myDIV" ).firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;

Hasil x akan:

P
Cobalah sendiri "

Contoh

Dapatkan teks node elemen pertama dari <select> elemen:

var x = document.getElementById("mySelect").firstElementChild.text;

Hasil x akan:

Audi
Cobalah sendiri "

<Elemen Object