例
最後の子ノードのHTMLコンテンツを取得<ul>要素を：
var x = document.getElementById("myList").lastChild.innerHTML;xの結果は次のようになります。
Tea »それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
lastChildプロパティは、Nodeオブジェクトとして、指定されたノードの最後の子ノードを返します。
このプロパティとの間の差lastElementChildは 、lastChildは、要素ノード、テキスト・ノードやコメントノードと最後の子ノードを返すことである(depending on which one's last)要素ノードとしてlastElementChildは、最後の子ノードを返しながら、 (ignores text and comment nodes) 。
注：要素内の空白はテキストとみなされ、そしてテキストはノードとして考えられている(See "More Examples") 。
このプロパティは読み取り専用です。
ヒント：使用する要素 .childNodes指定されたノードの子ノードを返すようにプロパティを。
ヒント：使用して、指定されたノードの最初の子ノードを返すにはのfirstChildプロパティを。
ブラウザのサポート
| プロパティ | |||||
|---|---|---|---|---|---|
| lastChild | はい | はい | はい | はい | はい |
構文
node .lastChild技術的な詳細
| 戻り値： | 子ノードが存在しない場合、最後のノードの子、またはnullを表すノードオブジェクト |
|---|---|
| DOMバージョン | コアレベル1ノードオブジェクト |
その他の例
例
この例では、空白は、このプロパティでinterfareできるかを示しています。
最後の子ノードのノード名取得<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>xの結果は次のようになります。
#text »それを自分で試してみてください 例
我々はソースから空白を削除する場合は、作るの<div>にはの#textノードが存在しない<span>要素の最後の子ノードは：
<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>xの結果は次のようになります。
SPAN »それを自分で試してみてください 例
最後の子ノードのテキストを取得します<select>要素を：
var x = document.getElementById("mySelect").lastChild.text;xの結果は次のようになります。
Volvo »それを自分で試してみてください 関連ページ
HTML DOMリファレンス： ノード。 firstChildプロパティ
HTML DOMリファレンス： ノード。 childNodesプロパティ
HTML DOMリファレンス： ノード。 parentNodeプロパティ
HTML DOMリファレンス： ノード。 nextSiblingプロパティ
HTML DOMリファレンス： ノード。 previousSiblingはプロパティ
HTML DOMリファレンス： ノード。 nodeNameのプロパティ