Oggetto History JavaScript Oggetto Elemento HTML DOM

Proprietà lastChild dell'HTML DOM

lastChildProprietà sola lettura che restituisce l'ultimo figlio del nodo specificato come oggetto Node.

Se il nodo specificato non ha figli, questo metodo restituiràVuotoValore.

Lo spazio all'interno dell'elemento viene considerato testo, e il testo viene considerato un nodo. I commenti vengono anche considerati come nodi.

Per evitare problemi con lastChild che restituisce nodi #text o #comment, utilizzarelastElementChildRestituisce solo l'ultimo elemento figlio.

Per ottenere il primo figlio del nodo specificato, utilizzarefirstChildProprietà.

Sintassi:

node.lastChild

Esempio

<div>
　　　<p>Questo è il primo P all'interno del DIV</p>
　　　<p>Questo è il secondo P all'interno del DIV</p>
　　　<p>Questo è il terzo P all'interno del DIV</p>
</div>
<script>
var x = document.querySelector("div").lastChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Prova a vedere‹/›

Ma, se cancelliamo lo spazio dopo l'ultimo elemento P, il valore restituito sarà il tag P invece di #text:

Esempio

<div>
　　　<p>Questo è il primo P all'interno del DIV</p>
　　　<p>Questo è il secondo P all'interno del DIV</p>
　　　<p>Questo è il terzo P all'interno del DIV</p></div>
<script>
var x = document.querySelector("div").lastChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Prova a vedere‹/›