Attributo lastElementChild dell'HTML DOM

Oggetto Elemento HTML DOM

IllastElementChildProprietà di sola lettura che restituisce l'ultimo figlio dell'elemento genitore specificato.

Se l'elemento genitore non ha figli, questo metodo restituirànullvalore.

UsarechildrenProprietà che restituisce qualsiasi figlio dell'elemento genitore specificato.

Per ottenere il primo figlio dell'elemento genitore specificato, utilizzarefirstElementChildProprietà.

Sintassi：

ParentElement.lastElementChild

<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").lastElementChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Compatibilità dei browser

Tutti i browser supportano completamente l'attributo lastElementChild：

Dettagli tecnici

Più esempi

Ottieni il contenuto HTML dell'ultimo figlio dell'elemento DIV:

<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").lastElementChild.textContent;
document.getElementById("result").innerHTML = x;
</script>

Modifica il contenuto HTML dell'ultimo figlio dell'elemento DIV:

var div = document.querySelector("div");
div.lastElementChild.textContent = "HELLO WORLD";

Riferimenti correlati

Manuale di riferimento HTML DOMProprietà firstElementChild

Oggetto Elemento HTML DOM