Najnowsze tutoriale tworzenie stron internetowych
 

HTML DOM lastChild Propery

<Element Przedmiot

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ł

Przykłady

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


<Element Przedmiot