Ultimele tutoriale de dezvoltare web
 

HTML DOM lastChild Propery

<Element Object

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

Exemple

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


<Element Object