HTML DOM lastChild属性

HTML DOM Element オブジェクト

lastChild読み取り専用の属性は、指定されたノードの最後の子ノードをNodeオブジェクトとして返します。

指定されたノードに子ノードがない場合、このメソッドは空値。

要素内部の空白はテキストとして、テキストはノードとして、コメントもノードとして扱われます。

lastChildが#textや#commentノードを返す問題を避けるために、lastElementChild最後の要素ノードのみを返します。

指定されたノードの最初の子ノードを返すには、firstChild属性。

文法：

node.lastChild

<div>
　　　<p>これはDIV内の第1個P</p>
　　　<p>これはDIV内の第2個P</p>
　　　<p>これはDIV内の第3個P</p>
</div>
<script>
var　x　=　document.querySelector("div").lastChild.nodeName;
document.getElementById("result").innerHTML　=　x;
</script>

ただし、最後のP要素の後のスペースを削除すると、返される値はPタグではなく#textになります：

<div>
　　　<p>これはDIV内の第1個P</p>
　　　<p>これはDIV内の第2個P</p>
　　　<p>これはDIV内の第3個P</p></div>
<script>
var　x　=　document.querySelector("div").lastChild.nodeName;
document.getElementById("result").innerHTML　=　x;
</script>

ブラウザの互換性

すべてのブラウザで完全にlastChild属性がサポートされています：

技術的詳細

関連リファレンス

HTML DOM リファレンス：node .firstChild属性

HTML DOM リファレンス：node .childNodes属性

HTML DOM リファレンス：node .parentNode属性

HTML DOM リファレンス：node .nextSibling属性

HTML DOM リファレンス：node .previousSibling属性

HTML DOM リファレンス：node .nodeName属性

HTML DOM Element オブジェクト