Proprietà firstElementChild dell'HTML DOM

Oggetto Element HTML DOM

firstElementChildProprietà di sola lettura che restituisce il primo figlio dell'elemento genitore specificato.

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

UsarechildrenL'attributo restituisce qualsiasi figlio dell'elemento genitore specificato. children [0] restituirà lo stesso risultato di firstElementChild.

Per ottenere l'ultimo figlio dell'elemento genitore specificato, utilizzarelastElementChildProprietà.

Sintassi：

ParentElement.firstElementChild

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

Compatibilità del browser

Tutti i browser supportano completamente l'attributo firstElementChild：

Dettagli tecnici

Più esempi

Ottieni il contenuto HTML del primo figlio dell'elemento DIV:

<div>
　　　<p>Questo è il primo P nel DIV</p>
　　　<p>Questo è il secondo P nel DIV</p>
　　　<p>Questo è il terzo P nel DIV</p>
</div>
<script>
var x = document.querySelector("div").firstElementChild.textContent;
document.getElementById("result").innerHTML = x;
</script>

Modifica il contenuto HTML del primo figlio dell'elemento DIV:

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

Riferimenti correlati

Riferimento HTML DOM:Proprietà lastElementChild

Oggetto Element HTML DOM