Thuộc tính firstElementChild

Thuộc tính firstElementChild chứa phần tử con đầu tiên. Các phần tử con là tất cả các thẻ nằm trực tiếp bên trong khối. Nếu phần tử không có phần tử con - trả về null.

Cú pháp

javascriptphần_tử.firstElementChild;

Ví dụ

Lấy nội dung của phần tử con đầu tiên:

html<div id="parent">
  <p>1</p>
  <p>2</p>
</div>
javascriptlet parent = document.querySelector('#parent');
let text = parent.firstElementChild.textContent;

console.log(text);

Kết quả thực thi mã:

javascript'1'

Ví dụ

Bây giờ phần tử không có phần tử con và do đó sẽ xuất ra null:

html<div id="parent"></div>
javascriptlet parent = document.querySelector('#parent');
console.log(parent.firstElementChild);

Kết quả thực thi mã:

javascriptnull

Xem thêm

  • thuộc tính lastElementChild,
    chứa phần tử cuối cùng
  • thuộc tính children,
    chứa tất cả các phần tử con của phần tử
  • thuộc tính firstChild,
    chứa nút đầu tiên