element.lastChildは、「element」に指定した要素の最後の子ノードへの参照を返すプロパティ。
構文
var $lastChildNode = $elementNodeReference.lastChild;
戻り値
指定した要素の最後の子ノードへの参照。
子ノードがない場合、「null」を返す。
サンプル
id属性がsampleAである要素の最後の子ノード名は、
b要素 i要素 span要素
サンプルの動作について
「getLastChildNodeName()」ボタンをクリックすると、「id属性がsampleAである要素の最後の子ノード名は、」の右横に「SPAN」と表示する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function getLastChildNodeName() {
var $sampleRootElement = document.getElementById( "sampleA" );
var $lastChildNodeName = $sampleRootElement.lastChild.nodeName;
document.getElementById( "lastChildNodeName" ).innerHTML = $lastChildNodeName;
}
</script>
function getLastChildNodeName() {
var $sampleRootElement = document.getElementById( "sampleA" );
var $lastChildNodeName = $sampleRootElement.lastChild.nodeName;
document.getElementById( "lastChildNodeName" ).innerHTML = $lastChildNodeName;
}
</script>
HTML
<button onclick="getLastChildNodeName();">getLastChildNodeName()</button>
<p>id属性がsampleAである要素の最後の子ノード名は、<span id="lastChildNodeName"></span></p>
<div id="sampleA"><b> b要素 </b><i> i要素 </i><span> span要素 </span></div>
<p>id属性がsampleAである要素の最後の子ノード名は、<span id="lastChildNodeName"></span></p>
<div id="sampleA"><b> b要素 </b><i> i要素 </i><span> span要素 </span></div>