Esempio
Prendi il contenuto HTML dell'ultimo nodo figlio di un <ul> elemento:
var x = document.getElementById("myList").lastChild.innerHTML;Il risultato di x sarà:
Tea Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
La proprietà lastChild restituisce l'ultimo nodo figlio del nodo specificato, come un oggetto Node.
La differenza tra questa proprietà e lastElementChild , è che lastChild restituisce l'ultimo nodo figlio come un nodo elemento, un nodo di testo o di un nodo di commento (depending on which one's last) , mentre lastElementChild restituisce l'ultimo nodo figlio come un nodo elemento (ignores text and comment nodes) .
Nota: Lo spazio bianco all'interno di elementi è considerato come testo, e il testo è considerato come nodi (See "More Examples") .
Questa proprietà è di sola lettura.
Suggerimento: utilizzare l'elemento .childNodes proprietà per restituire qualsiasi nodo figlio di un nodo specificato.
Suggerimento: per tornare il primo nodo figlio di un nodo specificato, utilizzare la firstChild proprietà.
Supporto browser
| Proprietà | |||||
|---|---|---|---|---|---|
| lastChild | sì | sì | sì | sì | sì |
Sintassi
node .lastChildDettagli tecnici
| Valore di ritorno: | Un oggetto Node, che rappresenta l'ultimo figlio di un nodo, oppure null se non esistono nodi figlio |
|---|---|
| DOM Version | Nucleo Livello 1 Nodo Oggetto |
Altri esempi
Esempio
In questo esempio, si dimostra come gli spazi bianchi potrebbe interferire con questa proprietà.
Ottenere il nome del nodo dell'ultimo nodo figlio di un <div> elemento:
<!--
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>Il risultato di x sarà:
#text Prova tu stesso " Esempio
Tuttavia, se togliamo gli spazi dalla fonte, non ci sono nodi #text a <div>, che renderanno il <span> elemento l'ultimo nodo figlio:
<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>Il risultato di x sarà:
SPAN Prova tu stesso " Esempio
Prendi il testo dell'ultimo nodo figlio di un <select> elemento:
var x = document.getElementById("mySelect").lastChild.text;Il risultato di x sarà:
Volvo Prova tu stesso " Pagine correlate
Di riferimento HTML DOM: nodo. firstChild Proprietà
Di riferimento HTML DOM: nodo. childNodes Proprietà
Di riferimento HTML DOM: nodo. parentNode Proprietà
Di riferimento HTML DOM: nodo. nextSibling Proprietà
Di riferimento HTML DOM: nodo. previousSibling Proprietà
Di riferimento HTML DOM: nodo. nodeName proprietà