HTML DOM lastChild Property
Przykład
Pobierz zawartość HTML ostatniego węzła podrzędnego elementu <ul>:
var x = document.getElementById("myList").lastChild.innerHTML;
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Właściwość lastChild zwraca ostatni węzeł podrzędny określonego węzła jako obiekt węzła.
Różnica między tą właściwością a lastElementChild polega na tym, że lastElementChild zwraca ostatni węzeł potomny jako węzeł elementu, węzeł tekstowy lub węzeł komentarza (w zależności od tego, który z nich jest ostatni), podczas gdy lastElementChild zwraca ostatni węzeł potomny jako węzeł elementu (ignoruje tekst i komentarze).
Uwaga: Białe znaki wewnątrz elementów są uważane za tekst, a tekst za węzły (patrz „Więcej przykładów”).
Ta właściwość jest tylko do odczytu.
Wskazówka: Użyj właściwości elementu .childNodes , aby zwrócić dowolny węzeł podrzędny określonego węzła.
Wskazówka: Aby zwrócić pierwszy węzeł podrzędny określonego węzła, użyj właściwości firstChild .
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
lastChild | Yes | Yes | Yes | Yes | Yes |
Składnia
node.lastChild
Szczegóły techniczne
Wartość zwrotu: | Obiekt Node, reprezentujący ostatnie dziecko węzła lub null , jeśli nie ma węzłów podrzędnych |
---|---|
Wersja DOM | Obiekt węzła poziomu podstawowego |
Więcej przykładów
Przykład
W tym przykładzie pokazujemy, jak białe znaki mogą kolidować z tą właściwością.
Pobierz nazwę węzła ostatniego węzła podrzędnego elementu <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>
Przykład
Jeśli jednak usuniemy białe znaki ze źródła, nie ma węzłów #text w <div>, co spowoduje, że element <span> będzie ostatnim węzłem potomnym:
<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>
Przykład
Pobierz tekst ostatniego węzła podrzędnego elementu <select>:
var x = document.getElementById("mySelect").lastChild.text;
Powiązane strony
Odniesienie HTML DOM: węzeł. pierwsza własność dziecka
Odniesienie HTML DOM: węzeł. Właściwość childNodes
Odniesienie HTML DOM: węzeł. właściwość parentNode
Odniesienie HTML DOM: węzeł. następna nieruchomość rodzeństwa
Odniesienie HTML DOM: węzeł. poprzedni Nieruchomość rodzeństwa
Odniesienie HTML DOM: węzeł. Nazwa węzła Właściwość