Vlastnost HTML DOM lastChild
Příklad
Získejte obsah HTML posledního podřízeného uzlu prvku <ul>:
var x = document.getElementById("myList").lastChild.innerHTML;
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Vlastnost lastChild vrací poslední podřízený uzel zadaného uzlu jako objekt Node.
Rozdíl mezi touto vlastností a lastElementChild je ten, že lastChild vrátí poslední podřízený uzel jako uzel prvku, textový uzel nebo uzel komentáře (v závislosti na tom, který je poslední), zatímco lastElementChild vrátí poslední podřízený uzel jako uzel prvku (ignoruje text a uzly komentářů).
Poznámka: Mezery uvnitř prvků jsou považovány za text a text je považován za uzly (viz "Další příklady").
Tato vlastnost je pouze pro čtení.
Tip: Použijte vlastnost element .childNodes k vrácení libovolného podřízeného uzlu zadaného uzlu.
Tip: Chcete-li vrátit první podřízený uzel zadaného uzlu, použijte vlastnost firstChild .
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
lastChild | Yes | Yes | Yes | Yes | Yes |
Syntax
node.lastChild
Technické údaje
Návratová hodnota: | Objekt Node, představující posledního potomka uzlu, nebo null , pokud neexistují žádné dceřiné uzly |
---|---|
Verze DOM | Základní objekt uzlu úrovně 1 |
Další příklady
Příklad
V tomto příkladu si ukážeme, jak se mohou bílé znaky ovlivňovat s touto vlastností.
Získejte název uzlu posledního podřízeného uzlu prvku <div>:
<!--
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>
Příklad
Pokud však ze zdroje odstraníme mezery, v <div> nebudou žádné #textové uzly, což udělá z prvku <span> poslední podřízený uzel:
<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>
Příklad
Získejte text posledního podřízeného uzlu prvku <select>:
var x = document.getElementById("mySelect").lastChild.text;
Související stránky
HTML DOM reference: uzel. majetek prvního dítěte
HTML DOM reference: uzel. Vlastnost childNodes
HTML DOM reference: uzel. Vlastnost parentNode
HTML DOM reference: uzel. další Nemovitost sourozence
HTML DOM reference: uzel. předchozí Vlastnost sourozence
HTML DOM reference: uzel. Vlastnost nodeName