HTML DOM lastElementChild Thuộc tính
Thí dụ
Lấy nội dung HTML của phần tử con cuối cùng của phần tử <ul>:
var x = document.getElementById("myList").lastElementChild.innerHTML;
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc tính lastElementChild trả về phần tử con cuối cùng của phần tử được chỉ định.
Sự khác biệt giữa thuộc tính này và lastChild , là lastChild trả về nút con cuối cùng dưới dạng nút phần tử, nút văn bản hoặc nút nhận xét (tùy thuộc vào cuối cùng của nó), trong khi lastElementChild trả về nút con cuối cùng dưới dạng nút phần tử (bỏ qua văn bản và các nút bình luận).
Thuộc tính này là chỉ đọc.
Mẹo: Sử dụng thuộc tính children để trả về bất kỳ phần tử con nào của một phần tử được chỉ định.
Mẹo: Để trả về phần tử con đầu tiên của một phần tử được chỉ định, hãy sử dụng thuộc tính firstElementChild .
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
lastElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Cú pháp
element.lastElementChild
Chi tiết kỹ thuật
Giá trị trả lại: | Một đối tượng Node, đại diện cho phần tử con cuối cùng của một phần tử hoặc null nếu không có phần tử con nào |
---|---|
Phiên bản DOM | Truyền tải yếu tố cấp 3 cốt lõi |
Các ví dụ khác
Thí dụ
Lấy tên thẻ của phần tử con cuối cùng của phần tử <div>:
var x = document.getElementById("myDIV").lastElementChild.tagName;
document.getElementById("demo").innerHTML = x;
Thí dụ
Nhận văn bản của phần tử con cuối cùng của phần tử <select>:
var x = document.getElementById("mySelect").lastElementChild.text;