Exemplu
Obține conținutul HTML al ultimului nod copil al unui <ul> Element:
var x = document.getElementById("myList").lastChild.innerHTML;
Rezultatul x va fi:
Tea
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Proprietatea lastChild returneaza ultimul nod copil al nodului specificat, ca un obiect Node.
Diferența dintre această proprietate și lastElementChild , este ca lastChild returneaza ultimul nod copil ca un nod element de , un nod text sau un comentariu nod (depending on which one's last) în (ignores text and comment nodes) (depending on which one's last) ele (depending on which one's last) , în timp ce lastElementChild returneaza ultimul nod copil ca un nod element de (ignores text and comment nodes) .
Notă: în interiorul elementelor este spațiu alb considerat ca text, iar textul este considerat ca noduri (See "More Examples") A se (See "More Examples") .
Această proprietate este read-only.
Sfat: Utilizați .childNodes element de proprietate pentru a reveni orice nod copil al unui nod specificat.
Indicație: Pentru a reveni la primul nod copil al unui nod specificat, utilizați firstChild proprietate.
Suport pentru browser-
Proprietate | |||||
---|---|---|---|---|---|
lastChild | da | da | da | da | da |
Sintaxă
node .lastChild
Detalii tehnice
Întoarcere Valoare: | Un obiect Node, care reprezintă ultimul copil al unui nod, sau null daca nu exista noduri copii |
---|---|
DOM Versiunea | Nivelul Core 1 Nod Obiect |
Mai multe exemple
Exemplu
În acest exemplu, vom demonstra modul în care se poate interfare cu spații libere această proprietate.
Ia numele de nod al ultimului nod copil al unui <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>
Rezultatul x va fi:
#text
Încearcă - l singur » Exemplu
Cu toate acestea, dacă eliminăm spațiul liber de la sursă, nu există noduri #Text în <div>, ceea ce va face <span> element de ultimul nod copil:
<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>
Rezultatul x va fi:
SPAN
Încearcă - l singur » Exemplu
Ia textul ultimului nod copil al unui <select> Element:
var x = document.getElementById("mySelect").lastChild.text;
Rezultatul x va fi:
Volvo
Încearcă - l singur » Pagini similare
HTML DOM de referință: nod. firstChild proprietate
HTML DOM de referință: nod. childNodes proprietate
HTML DOM de referință: nod. parentNode proprietate
HTML DOM de referință: nod. nextSibling proprietate
HTML DOM de referință: nod. previousSibling proprietate
HTML DOM de referință: nod. nodeName proprietate