Przykład
Pobierz zawartość HTML ostatniego węzła potomnego <ul> element:
var x = document.getElementById("myList").lastChild.innerHTML;
Wynikiem X będzie:
Tea
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Nieruchomość lastChild zwraca ostatni węzeł podrzędny określonego węzła, jako obiekt węzła.
Różnica między tym obiekcie i lastElementChild , że lastChild zwraca ostatni węzeł dziecko jako węzeł elementu, węzła tekstowego lub węzła komentarza (depending on which one's last) , a lastElementChild zwraca ostatni węzeł dziecko jako węzeł elementu (ignores text and comment nodes) .
Uwaga: białe znaki wewnątrz elementów jest traktowane jako tekstu, a tekst jest uważany jako węzły (See "More Examples") .
Ta właściwość jest tylko do odczytu.
Wskazówka: Użyj .childNodes elementu właściwość, aby powrócić żadnego węzła potomnego określonego węzła.
Wskazówka: Aby powrócić do pierwszego węzła potomnego określonego węzła, użyj firstChild nieruchomości.
Wsparcie przeglądarka
Nieruchomość | |||||
---|---|---|---|---|---|
lastChild | tak | tak | tak | tak | tak |
Składnia
node .lastChild
Szczegóły techniczne
Zwracana wartość: | Obiekt węzeł reprezentujący ostatnie dziecko węzła lub null, jeśli nie ma węzły potomne |
---|---|
DOM Version | Rdzeń poziomu obiektu 1 Węzeł |
Więcej przykładów
Przykład
W tym przykładzie pokazujemy, w jaki sposób może spacje interfare z tej nieruchomości.
Uzyskaj nazwę węzła ostatniego węzła potomnego <div> element:
<!--
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>
Wynikiem X będzie:
#text
Spróbuj sam " Przykład
Jeśli jednak usunąć spacje ze źródła, nie ma żadnych węzłów #text w <div>, które sprawiają, że <span> Element ostatni węzeł podrzędny:
<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>
Wynikiem X będzie:
SPAN
Spróbuj sam " Przykład
Uzyskać tekst ostatniego węzła potomnego <select> element:
var x = document.getElementById("mySelect").lastChild.text;
Wynikiem X będzie:
Volvo
Spróbuj sam " Podobne strony
HTML DOM: węzeł. firstChild nieruchomości
HTML DOM: węzeł. childNodes nieruchomości
HTML DOM: węzeł. parentNode nieruchomości
HTML DOM: węzeł. nextSibling nieruchomości
HTML DOM: węzeł. previousSibling nieruchomości
HTML DOM: węzeł. nodeName nieruchomości