Esempio
Prendi il contenuto HTML del primo nodo figlio di un <ul> elemento:
var x = document.getElementById("myList").firstChild.innerHTML;Il risultato di x sarà:
Coffee Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
La proprietà firstChild restituisce il primo nodo figlio del nodo specificato, come un oggetto Node.
La differenza tra questa proprietà e firstElementChild , è che firstChild restituisce il primo nodo figlio come un nodo elemento, un nodo di testo o di un nodo di commento (depending on which one's first) , mentre firstElementChild restituisce il primo 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. childNodes [0] produrranno lo stesso risultato firstChild.
Suggerimento: per tornare l'ultimo nodo figlio di un nodo specificato, utilizzare la lastChild proprietà.
Supporto browser
| Proprietà | |||||
|---|---|---|---|---|---|
| firstChild | sì | sì | sì | sì | sì |
Sintassi
node .firstChildDettagli tecnici
| Valore di ritorno: | Un oggetto Node, che rappresenta il primo 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 del primo 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 first child
node of <div> is a #text node, and not the <p> 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" ).firstChild.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 <p> elemento il primo nodo figlio:
<div id="myDIV"><p>First child</p><span>Last Child</span></div>
<script>
var x = document.getElementById( "myDIV" ).firstChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>Il risultato di x sarà:
P Prova tu stesso " Esempio
Prendi il testo del primo nodo figlio di un <select> elemento:
var x = document.getElementById("mySelect").firstChild.text;Il risultato di x sarà:
Audi Prova tu stesso " Pagine correlate
Di riferimento HTML DOM: nodo. lastChild 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à