HTML DOM firstElementChildคุณสมบัติ
ตัวอย่าง
รับเนื้อหา HTML ขององค์ประกอบลูกแรกขององค์ประกอบ <ul>:
var x = document.getElementById("myList").firstElementChild.innerHTML;
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
คุณสมบัติ firstElementChild ส่งคืนองค์ประกอบลูกแรกขององค์ประกอบที่ระบุ
ความแตกต่างระหว่างคุณสมบัตินี้กับ firstChildคือ firstChild ส่งคืนโหนดย่อยแรกเป็นโหนดองค์ประกอบ โหนดข้อความ หรือโหนดความคิดเห็น (ขึ้นอยู่กับว่าโหนดใดเป็นอันดับแรก) ในขณะที่ firstElementChild ส่งคืนโหนดย่อยแรกเป็นโหนดองค์ประกอบ (ละเว้นข้อความ และโหนดความคิดเห็น)
คุณสมบัตินี้เป็นแบบอ่านอย่างเดียว
เคล็ดลับ:ใช้ คุณสมบัติ ลูก เพื่อส่งคืนองค์ประกอบย่อยขององค์ประกอบที่ระบุ children[0] จะให้ผลลัพธ์เช่นเดียวกับ firstElementChild
เคล็ดลับ:หากต้องการส่งคืนองค์ประกอบลูกสุดท้ายขององค์ประกอบที่ระบุ ให้ใช้คุณสมบัติlastElementChild
รองรับเบราว์เซอร์
Property | |||||
---|---|---|---|---|---|
firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
ไวยากรณ์
element.firstElementChild
รายละเอียดทางเทคนิค
คืนมูลค่า: | โหนดวัตถุ แทนองค์ประกอบลูกแรกขององค์ประกอบ หรือnullถ้าไม่มีองค์ประกอบลูก |
---|---|
เวอร์ชัน DOM | Core ระดับ 3 Element Traversal |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
รับชื่อแท็กขององค์ประกอบลูกคนแรกขององค์ประกอบ <div>:
var x = document.getElementById("myDIV").firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;
ตัวอย่าง
รับข้อความของโหนดองค์ประกอบแรกของ <select> องค์ประกอบ:
var x = document.getElementById("mySelect").firstElementChild.text;