最新のWeb開発のチュートリアル
 

HTML DOM lastChild Propery

<Elementオブジェクト

最後の子ノードの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のプロパティ


<Elementオブジェクト