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

phần tử.lastElementChild;

Ví dụ

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

<div id="parent">
	<p>1</p>
	<p>2</p>
</div>

let parent = document.querySelector('#parent');
let text = parent.lastElementChild.textContent;

console.log(text);

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

'2'

Ví dụ

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

<div id="parent"></div>

let parent = document.querySelector('#parent');
console.log(parent.lastElementChild);

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

null

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