HTML DOM Element firstElementChild 属性

定义和用法

firstElementChild 属性返回指定元素的第一个子元素。

firstElementChild 属性是只读的。

firstElementChild 属性返回与 children[0] 相同的值。

另请参阅:

children 属性

childElementCount 属性

lastElementChild 属性

Properti tagName

Properti childNodes

Contoh

Contoh 1

Dapatkan konten HTML anak pertama:

let text = element.firstElementChild.innerHTML;

Coba Sendiri

Contoh 2

Dapatkan nama tag anak pertama "myDIV":

let text = document.getElementById("myDIV").firstElementChild.tagName;

Coba Sendiri

Contoh 3

Dapatkan teks anak pertama elemen <select>:

let text = document.getElementById("mySelect").firstElementChild.text;

Coba Sendiri

Node HTML dan elemen

Di HTML DOM(Model Dokumen Objet)di mana dokumen HTML adalah koleksi node yang memiliki (atau tidak) anak.

NodeMerujuk kepada node elemen, node teks dan node anotasi.

ElemenJarak antara mereka juga adalah node teks.

Sementara elemen hanya node elemen.

Anak node dan anak elemen

childNodes KembalikanAnak node(Node elemen, node teks dan anotasi).

children KembalikanAnak elemen(Bukan teks dan anotasi).

firstChild dan firstElementChild

firstChild Kembalikan yang pertamaAnak node(Node elemen, node teks atau node anotasi). Jarak antara elemen juga adalah node teks.

firstElementChild Kembalikan yang pertamaAnak elemen(Tidak mengembalikan node teks dan node anotasi).

lastChild dan lastElementChild

lastChild Kembalikan yang terakhirAnak node(Node elemen, node teks atau node anotasi). Jarak antara elemen juga adalah node teks.

lastElementChild Kembalikan yang terakhirAnak elemen(Tidak mengembalikan node teks dan node anotasi).

Sintaks

element.firstElementChild

Kembalian nilai

Jenis Deskripsi
Node Anak pertama elemen. Jika tiada anak, maka kembalikan null.

Pemungutan pendukung pereka web

element.firstElementChild Adalah ciri DOM Level 3 (2004).

Semua pereka web mengesahkan penuhnya:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukung 9-11 Dukung Dukung Dukung Dukung