Thuộc tính lastElementChild của phần tử HTML DOM
- Trang trước lastChild
- Trang sau matches()
- Quay lại lớp trên Đối tượng Elements DOM HTML
Đị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:
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;
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;
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;
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ợ |
- Trang trước lastChild
- Trang sau matches()
- Quay lại lớp trên Đối tượng Elements DOM HTML