HTML DOM lastChild Eiendom
Voorbeeld
Kry die HTML-inhoud van die laaste kindernodus van 'n <ul>-element:
var x = document.getElementById("myList").lastChild.innerHTML;
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die lastChild-eienskap gee die laaste kindernodus van die gespesifiseerde nodus terug as 'n Node-objek.
Die verskil tussen hierdie eienskap en lastElementChild , is dat lastElementChild die laaste kindnodus as 'n elementnodus, 'n teksnodus of 'n kommentaarnodus (afhangende van watter een se laaste) terugstuur, terwyl lastElementChild die laaste kindernodus as 'n elementnodus 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.
Wenk: Om die eerste kindnodus van 'n gespesifiseerde nodus terug te gee, gebruik die firstChild- eienskap.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
lastChild | Yes | Yes | Yes | Yes | Yes |
Sintaksis
node.lastChild
Tegniese besonderhede
Terugkeerwaarde: | 'n Node-objek, wat die laaste 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 nodusnaam van die laaste kindernodus 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 last child node of <div> is a #text node, and not the <span> 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").lastChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>
Voorbeeld
As ons egter die witspasie uit die bron verwyder, is daar geen #teksnodes in <div>, wat die <span>-element die laaste kindernodus sal maak:
<div id="myDIV"><p>First child</p><span>Last Child</span></div>
<script>
var x = document.getElementById("myDIV").lastChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>
Voorbeeld
Kry die teks van die laaste kindernodus van 'n <kies> element:
var x = document.getElementById("mySelect").lastChild.text;
Verwante bladsye
HTML DOM verwysing: node. eersteKindereiendom
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