HTML DOM lastChild Thuộc tính
Thí dụ
Lấy nội dung HTML của nút con cuối cùng của phần tử <ul>:
var x = document.getElementById("myList").lastChild.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 lastChild trả về nút con cuối cùng của nút được chỉ định, dưới dạng một đối tượng Node.
Sự khác biệt giữa thuộc tính này và lastElementChild , 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).
Lưu ý: Khoảng trắng bên trong các phần tử được coi là văn bản và văn bản được coi là các nút (Xem "Ví dụ khác").
Thuộc tính này là chỉ đọc.
Mẹo: Sử dụng thuộc tính phần tử .childNodes để trả về bất kỳ nút con nào của một nút được chỉ định.
Mẹo: Để trả về nút con đầu tiên của một nút được chỉ định, hãy sử dụng thuộc tính firstChild .
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
lastChild | Yes | Yes | Yes | Yes | Yes |
Cú pháp
node.lastChild
Chi tiết kỹ thuật
Giá trị trả lại: | Một đối tượng Node, đại diện cho con cuối cùng của một nút hoặc null nếu không có nút con nào |
---|---|
Phiên bản DOM | Đối tượng nút cấp độ lõi 1 |
Các ví dụ khác
Thí dụ
Trong ví dụ này, chúng tôi chứng minh cách khoảng trắng có thể ảnh hưởng đến thuộc tính này.
Lấy tên nút của nút con cuối cùng của phần tử <div>:
<!--
Whitespace inside elements is considered as text, and text is considered as nodes
In this example, there is whitespace before <p>, before <span> and after <span>
Therefore, the last child node of <div> is a #text node, and not the <span> element you expected
-->
<div id="myDIV">
<p>Looks like first child</p>
<span>Looks like last Child</span>
</div>
<script>
var x = document.getElementById("myDIV").lastChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>
Thí dụ
Tuy nhiên, nếu chúng ta xóa khoảng trắng khỏi nguồn, sẽ không có nút #text nào trong <div>, điều này sẽ làm cho phần tử <span> trở thành nút con cuối cùng:
<div id="myDIV"><p>First child</p><span>Last Child</span></div>
<script>
var x = document.getElementById("myDIV").lastChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>
Thí dụ
Nhận văn bản của nút con cuối cùng của phần tử <select>:
var x = document.getElementById("mySelect").lastChild.text;
Các trang liên quan
Tham chiếu HTML DOM: nút. FirstChild Property
Tham chiếu HTML DOM: nút. Thuộc tính childNodes
Tham chiếu HTML DOM: nút. Thuộc tính parentNode
Tham chiếu HTML DOM: nút. Thuộc tính nextSibling
Tham chiếu HTML DOM: nút. Trước đây Thuộc tính Anh chị em
Tham chiếu HTML DOM: nút. Thuộc tính nodeName