Thuộc tính lastElementChild

Thuộc tính lastElementChild lưu trữ phần tử con cuối cùng. 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 - nó trả về null.

Cú pháp

javascriptphần tử.lastElementChild;

Ví dụ

Hãy lấy nội dung của phần tử con cuối cùng:

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

console.log(text);

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

javascript'2'

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.lastElementChild);

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

javascriptnull

Xem thêm

  • thuộc tính firstElementChild,
    chứa phần tử đầu tiên
  • 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 lastChild,
    chứa nút cuối cùng