คุณสมบัติ firstChild

คุณสมบัติ firstChild เก็บโหนดย่อยแรก ขององค์ประกอบ หากองค์ประกอบไม่มี องค์ประกอบย่อย - จะคืนค่า null

ไวยากรณ์

javascriptองค์ประกอบ.firstChild;

ตัวอย่าง

มาดูกันว่าเราจะได้รับข้อความของโหนดแรกขององค์ประกอบ:

html<div id="parent">ข้อความ<p>ย่อหน้า</p><!--ความคิดเห็น--></div>
javascriptlet parent = document.querySelector('#parent');
let text = parent.firstChild.textContent;

console.log(text);

ผลลัพธ์ของการรันโค้ด:

javascript'ข้อความ'

ดูเพิ่มเติม

  • คุณสมบัติ firstElementChild,
    ซึ่งประกอบด้วยองค์ประกอบแรก
  • คุณสมบัติ lastChild,
    ซึ่งประกอบด้วยโหนดสุดท้าย
  • คุณสมบัติ childNodes,
    ซึ่งประกอบด้วยโหนดทั้งหมดขององค์ประกอบ