HTML DOM Element firstElementChild ความหมาย

ความหมายและวิธีใช้

firstElementChild ความหมายของอัตรายะนี้เป็นแค่อ่าน ความหมายของอัตรายะนี้เป็นแค่อ่าน

firstElementChild ความหมายของอัตรายะนี้เป็นแค่อ่าน

firstElementChild ความหมายของอัตรายะที่ children[0] ค่าเดียวกัน

อ่านเพิ่มเติม：

children ความหมาย

childElementCount ความหมาย

lastElementChild ความหมาย

tagName 属性

ตัวอย่าง属性

ตัวอย่าง

ตัวอย่าง 1

เข้าถึง HTML สาระของลูกแรกของตัวอย่าง:

let text = element.firstElementChild.innerHTML;

ลองทดสอบเอง

ตัวอย่าง 2

เข้าถึงชื่อตัวอย่างของลูกแรกของ "myDIV" ด้วยตัวอย่าง:

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

ลองทดสอบเอง

ตัวอย่าง 3

เข้าถึงข้อความของลูกแรกของตัวอย่าง <select> ด้วยตัวอย่าง:

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

ลองทดสอบเอง

ตัวอย่าง HTML และส่วนประกอบ HTML

ใน HTML DOM（Document Object Model）HTML โดเมนเป็นชุดของตัวอย่างที่มี (หรือไม่มี) ลูกตัวอย่าง。

ตัวอย่างหมายถึงตัวอย่างเฉพาะของตัวอย่าง ข้อความและโคมเมนต์。

ตัวอย่างช่องว่างระหว่างตัวอย่างก็เป็นตัวอย่างข้อความ。

และตัวอย่างเฉพาะเป็นตัวอย่างเฉพาะของตัวอย่าง。

ลูกตัวอย่างและลูกแบบเฉพาะ

childNodes กลับค่าลูกตัวอย่าง（ตัวอย่างเฉพาะของลูก ข้อความและโคมเมนต์）。

children กลับค่าลูกแบบเฉพาะ（ไม่ใช่ตัวอย่างข้อความและโคมเมนต์）。

firstChild และ firstElementChild

firstChild กลับค่าลูกแรกลูกตัวอย่าง（ตัวอย่างเฉพาะของลูก ข้อความหรือโคมเมนต์）。ช่องว่างระหว่างตัวอย่างก็เป็นตัวอย่างข้อความ。

firstElementChild กลับค่าลูกแรกลูกแบบเฉพาะ（ไม่กลับค่าของตัวอย่างข้อความและโคมเมนต์）。

lastChild และ lastElementChild

lastChild กลับค่าลูกสุดท้ายลูกตัวอย่าง（ตัวอย่างเฉพาะของลูก ข้อความหรือโคมเมนต์）。ช่องว่างระหว่างตัวอย่างก็เป็นตัวอย่างข้อความ。

lastElementChild กลับค่าลูกสุดท้ายลูกแบบเฉพาะ（ไม่กลับค่าของตัวอย่างข้อความและโคมเมนต์）。

การใช้งาน

element.firstElementChild

ค่าที่กลับค่า

ชนิด การอธิบาย
Node เป็นลูกแรกขององค์ประกอบ ถ้าไม่มีลูก ก็จะกลับค่า null。

การสนับสนุนของเบราเซอร์

element.firstElementChild เป็นคุณสมบัติ DOM Level 3 (2004)。

ทั้งหมดเครื่องเรียกคำสั่งทุกตัวสนับสนุนมันทั้งหมด:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
สนับสนุน 9-11 สนับสนุน สนับสนุน สนับสนุน สนับสนุน