Thuộc tính lastElementChild của phần tử HTML DOM

Định nghĩa và cách sử dụng

lastElementChild Thuộc tính trả về phần tử con cuối cùng của phần tử.

lastElementChild Thuộc tính là chỉ đọc.

Xem thêm:

Thuộc tính children

Thuộc tính firstElementChild

Thuộc tính childElementCount

Thuộc tính tagName

Thuộc tính childNodes

Nút HTML và phần tử

Trong HTML DOMTrong (Document Object Model), tài liệu HTML là tập hợp các nút có (hoặc không có) các nút con.

NútChỉ là các nút phần tử, các nút văn bản và các nút chú thích.

Phần tửCác khoảng trống giữa chúng cũng là các nút văn bản。

Còn phần tử chỉ là nút phần tử.

Con nút và con phần tử

childNodes Trả vềCon nút(nút phần tử, nút văn bản và các nút chú thích)。

children Trả vềCon phần tử(không phải các nút văn bản và các nút chú thích)。

firstChild và firstElementChild

firstChild Trả về đầu tiênCon nút(nút phần tử, nút văn bản hoặc nút chú thích)。Các khoảng trống giữa các phần tử cũng là các nút văn bản。

firstElementChild Trả về đầu tiênCon phần tử(không trả về các nút văn bản và các nút chú thích)。

lastChild và lastElementChild

lastChild Trả về cuối cùngCon nút(nút phần tử, nút văn bản hoặc nút chú thích)。Các khoảng trống giữa các phần tử cũng là các nút văn bản。

lastElementChild Trả về cuối cùngCon phần tử(không trả về các nút văn bản và các nút chú thích)。

Mô hình

Ví dụ 1

Lấy nội dung HTML của con cuối cùng của phần tử <ul>:

const element = document.getElementById("myList")
let html = element.lastElementChild.innerHTML;

Thử ngay

Ví dụ 2

Lấy tên thẻ của con cuối cùng của phần tử <div>:

const element =document.getElementById("myDIV")
let tag = element.lastElementChild.tagName;

Thử ngay

Ví dụ 3

Lấy văn bản của con cuối cùng của phần tử <select>:

const element = document.getElementById("mySelect")
let text = element.lastElementChild.text;

Thử ngay

Cú pháp

element.lastElementChild

Trả về giá trị

Loại Mô tả
Nút Đ之子元素 cuối cùng.
null Nếu không có con.

Hỗ trợ trình duyệt

element.lastElementChild Là tính năng DOM Level 3 (2004).

Tất cả các trình duyệt đều hỗ trợ hoàn toàn nó:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Hỗ trợ 9-11 Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ