Oggetto History JavaScript Oggetto Elemento HTML DOM

Proprietà firstChild HTML DOM

firstChildProprietà readonly che restituisce il primo figlio del nodo specificato come oggetto Node.

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

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

Per evitare problemi con il return di #text o #comment节点 da firstChild, utilizzarefirstElementChildRestituisce solo il primo nodo elemento.

Per ottenere l'ultimo figlio del nodo specificato, utilizzarelastChildProprietà.

Sintassi:

node.firstChild

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

Prova a vedere‹/›

Ma, se eliminiamo lo spazio tra il DIV e il primo 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").firstChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Prova a vedere‹/›