Thuộc tính HTML DOM LastElementChild
Ví dụ
Lấy nội dung HTML của phần tử con cuối cùng của phần tử <ul>:
const element = document.getElementById("myList")
let html = element.lastElementChild.innerHTML;
Hãy tự mình thử »Lấy tên thẻ của phần tử con cuối cùng của phần tử <div>:
const element =document.getElementById("myDIV")
let tag = element.lastElementChild.tagName;
Hãy tự mình thử »Lấy văn bản của phần tử con cuối cùng của phần tử <select>:
const element = document.getElementById("mySelect")
let text = element.lastElementChild.text;
Hãy tự mình thử »Sự miêu tả
Thuộc tính lastElementChild
trả về phần tử con cuối cùng của một phần tử.
Thuộc tính lastElementChild
ở dạng chỉ đọc.
Xem thêm:
Nút và phần tử
Trong thuật ngữ HTML DOM:
Các nút là tất cả các nút (nút phần tử, nút văn bản và nút nhận xét).
Khoảng trắng giữa các phần tử cũng là các nút văn bản.
Các phần tử chỉ là các nút phần tử.
conNodes vs trẻ em
childNodes trả về các nút con (nút phần tử, nút văn bản và nút nhận xét).
trẻ em trả về các phần tử con (không phải nút văn bản và nhận xét).
FirstChild vs FirstElementChild
firstChild trả về nút con đầu tiên (nút phần tử, nút văn bản hoặc nút nhận xét). 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ề phần tử con đầu tiên (không phải nút văn bản và nhận xét).
LastChild vs LastElementChild
LastChild trả về nút con cuối cùng (nút phần tử, nút văn bản hoặc nút nhận xét). 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ề phần tử con cuối cùng (không phải nút văn bản và nhận xét).
Cú pháp
element .lastElementChild
Giá trị trả về
Kiểu | Sự miêu tả |
Nút | Phần tử con cuối cùng của phần tử.null nếu không có phần tử con nào tồn tại. |
Hỗ trợ trình duyệt
element.lastElementChild
là tính năng DOM cấp 3 (2004).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt hiện đại:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 11 |