ตัวอย่าง
รับเนื้อหา HTML ขององค์ประกอบลูกคนแรกของนั้น <ul> องค์ประกอบ:
var x = document.getElementById("myList").firstElementChild.innerHTML;ผลของ x จะเป็น:
Coffee ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
สถานที่ให้บริการ firstElementChild ส่งกลับองค์ประกอบลูกคนแรกขององค์ประกอบที่ระบุ
ความแตกต่างระหว่างคุณสมบัตินี้และ firstChild เป็นที่ firstChild กลับโหนดลูกคนแรกเป็นโหนดองค์ประกอบโหนดข้อความหรือความคิดเห็นโหนด (depending on which one's first) ในขณะที่ firstElementChild กลับโหนดลูกคนแรกเป็นโหนดองค์ประกอบ (ignores text and comment nodes)
สถานที่แห่งนี้เป็นอ่านอย่างเดียว
เคล็ดลับ: ใช้ เด็ก คุณสมบัติที่จะกลับองค์ประกอบลูก ๆ ขององค์ประกอบที่กำหนด เด็ก [0] จะผลิตผลเช่นเดียวกับ firstElementChild
Tip: การกลับองค์ประกอบลูกสุดท้ายขององค์ประกอบที่ระบุให้ใช้ lastElementChild คุณสมบัติ
สนับสนุนเบราว์เซอร์
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
วากยสัมพันธ์
element .firstElementChildรายละเอียดทางเทคนิค
| กลับค่า: | วัตถุโหนดเป็นตัวแทนขององค์ประกอบลูกแรกขององค์ประกอบหรือ null ถ้าไม่มีองค์ประกอบของเด็ก |
|---|---|
| DOM รุ่น | ระดับหลัก 3 องค์ประกอบการข้ามผ่าน |
ตัวอย่างอื่น ๆ
ตัวอย่าง
รับแท็กชื่อขององค์ประกอบลูกคนแรกของที่ <div> องค์ประกอบ:
var x = document.getElementById( "myDIV" ).firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;ผลของ x จะเป็น:
P ลองตัวเอง» ตัวอย่าง
ได้รับข้อความของโหนดองค์ประกอบแรกของที่ <select> องค์ประกอบ:
var x = document.getElementById("mySelect").firstElementChild.text;ผลของ x จะเป็น:
Audi ลองตัวเอง»