---
title: Node.lastChild
slug: Web/API/Node/lastChild
translation_of: Web/API/Node/lastChild
---
<p>{{ ApiRef() }}</p>
<h2 id="Allgemein" name="Allgemein">Allgemein</h2>
<p><code>lastChild</code> gibt den letzten Kindknoten (<code>childNode</code>) eines Datenknotens zurück.</p>
<h2 id="Syntax" name="Syntax">Syntax</h2>
<pre class="eval">var letzterKindknoten = element.lastChild;
</pre>
<p>Die Variable <var>letzterKindknoten</var> enthält einen Datenknoten.</p>
<h2 id="Beispiel" name="Beispiel">Beispiel</h2>
<p>Folgendes HTML-Dokument ist gegeben:</p>
<pre class="brush:html">&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;body&gt;
    &lt;h3&gt;Texte&lt;/h3&gt;
    &lt;p&gt;Hier steht Text!&lt;/p&gt;
  &lt;/body&gt;
&lt;/html&gt;
</pre>
<p>Um auf das letzte Kindelement zuzugreifen, kann man folgenden Code verwenden:</p>
<pre class="brush:javascript">var letzterKindknoten = document.body.lastChild;
</pre>
<p>In diesem Fall ist der letzte Kindknoten ein Textknoten, da sich zwischen dem Schlusstag des <code>Paragraphs</code> und dem Schlusstag des <code>body</code>-Tags ein Zeilenumbruch und zwei Leerzeichen befinden.</p>
<h2 id="Anmerkungen" name="Anmerkungen">Anmerkungen</h2>
<ul>
 <li>Gibt <code>null</code> zurück, wenn der gegebene Datenknoten keine Kindknoten hat.</li>
 <li><code>lastChild</code> berücksichtigt wie bereits erwähnt auch <code>TextNodes</code>. Daher wird jede Art von Whitespace innerhalb eines Elements als Kindknoten interpretiert. Im obigen Beispiel geschieht das durch die Einrückungen im HTML-Dokument. Falls Sie Textknoten als Rückgabewert ausschließen, und nur HTML-Elemente erhalten wollen, verwenden Sie statt <code>lastChild</code> bitte {{ domxref("Element.lastElementChild") }}.</li>
</ul>
<h2 id="Spezifikation" name="Spezifikation">Spezifikation</h2>
<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-61AD09FB">lastChild</a> (en)</p>
<h2 id="Siehe_auch">Siehe auch:</h2>
<ul>
 <li>{{ domxref("Node") }}</li>
 <li>{{ domxref("Node.firstChild") }}</li>
 <li>{{ domxref("Node.nextSibling") }}</li>
 <li>{{ domxref("Node.childNodes") }}</li>
</ul>
<p>{{ languages( { "fr": "fr/DOM/element.lastChild", "ja": "ja/DOM/element.lastChild", "pl": "pl/DOM/element.lastChild" , "zh-cn": "zh-cn/DOM/Node.lastChild" } ) }}</p>