HTML DOM firstChild Eiendom
Voorbeeld
Kry die HTML-inhoud van die eerste kindernodus van 'n <ul>-element:
var x = document.getElementById("myList").firstChild.innerHTML;
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die firstChild-eienskap gee die eerste kindnodus van die gespesifiseerde nodus terug as 'n Node-objek.
Die verskil tussen hierdie eienskap en firstElementChild , is dat firstChild die eerste kind node as 'n element node, 'n teks node of 'n comment node (afhangende van watter een se eerste), terwyl firstElementChild die eerste kind node as 'n element node terugstuur (ignoreer teks en kommentaarnodes).
Let wel: Witspasie binne-in elemente word as teks beskou, en teks word as nodusse beskou (Sien "Meer voorbeelde").
Hierdie eiendom is leesalleen.
Wenk: Gebruik die element .childNodes- eienskap om enige kindnodus van 'n gespesifiseerde nodus terug te gee. childNodes[0] sal dieselfde resultaat as firstChild lewer.
Wenk: Om die laaste kindernodus van 'n gespesifiseerde nodus terug te gee, gebruik die lastChild- eienskap.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
firstChild | Yes | Yes | Yes | Yes | Yes |
Sintaksis
node.firstChild
Tegniese besonderhede
Terugkeerwaarde: | 'n Node-objek, wat die eerste kind van 'n nodus verteenwoordig, of nul as daar geen kind nodusse is nie |
---|---|
DOM weergawe | Kernvlak 1 Node-objek |
Meer voorbeelde
Voorbeeld
In hierdie voorbeeld demonstreer ons hoe witspasie met hierdie eienskap kan inmeng.
Kry die nodus naam van die eerste kind node van 'n <div> element:
<!--
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>
Voorbeeld
As ons egter die witspasie van die bron verwyder, is daar geen #teksnodes in <div> nie, wat die <p>-element die eerste kindernodus sal maak:
<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>
Voorbeeld
Kry die teks van die eerste kind node van 'n <kies> element:
var x = document.getElementById("mySelect").firstChild.text;
Verwante bladsye
HTML DOM verwysing: node. laasteKindereiendom
HTML DOM verwysing: node. childNodes Eiendom
HTML DOM verwysing: node. parentNode Eiendom
HTML DOM verwysing: node. volgendeSibling Eiendom
HTML DOM verwysing: node. vorige Broer en suster Eiendom
HTML DOM verwysing: node. nodeName Eiendom