คุณสมบัติ firstChild
คุณสมบัติ firstChild เก็บโหนดย่อยแรก
ขององค์ประกอบ หากองค์ประกอบไม่มี
องค์ประกอบย่อย - จะคืนค่า null
ไวยากรณ์
องค์ประกอบ.firstChild;
ตัวอย่าง
มาดูกันว่าเราจะได้รับข้อความของโหนดแรกขององค์ประกอบ:
<div id="parent">ข้อความ<p>ย่อหน้า</p><!--ความคิดเห็น--></div>
let parent = document.querySelector('#parent');
let text = parent.firstChild.textContent;
console.log(text);
ผลลัพธ์ของการรันโค้ด:
'ข้อความ'
ดูเพิ่มเติม
-
คุณสมบัติ
firstElementChild,
ซึ่งประกอบด้วยองค์ประกอบแรก -
คุณสมบัติ
lastChild,
ซึ่งประกอบด้วยโหนดสุดท้าย -
คุณสมบัติ
childNodes,
ซึ่งประกอบด้วยโหนดทั้งหมดขององค์ประกอบ
