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

HTML DOM lastElementChild Propery

<Elementオブジェクト

最後の子要素のHTMLコンテンツを取得<ul>要素を:

var x = document.getElementById("myList").lastElementChild.innerHTML;

xの結果は次のようになります。

Tea
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

firstElementChildプロパティは、指定された要素の最後の子要素を返します。

このプロパティとの間の差lastChildは 、lastChildは、要素ノード、テキスト・ノードやコメントノードと最後の子ノードを返すことである(depending on which one's last)要素ノードとしてlastElementChildは、最後の子ノードを返しながら、 (ignores text and comment nodes)

このプロパティは読み取り専用です。

ヒント:使用する子どもの指定された要素の子要素を返すようにプロパティを。

ヒント:使用して、指定された要素の最初の子要素を返すにfirstElementChildのプロパティを。


ブラウザのサポート

プロパティ
lastElementChild 2.0 9.0 3.5 4.0 10.0

構文

element .lastElementChild

技術的な詳細

戻り値: 子要素が存在しない場合、ノード要素の最後の子要素を表すオブジェクト、またはnull
DOMバージョン コアレベル3要素トラバーサル

例

その他の例

最後の子要素のタグ名を取得する<div>要素を:

var x = document.getElementById( "myDIV" ).lastElementChild.tagName;
document.getElementById("demo").innerHTML = x;

xの結果は次のようになります。

SPAN
»それを自分で試してみてください

最後の子要素のテキストを取得します<select>要素を:

var x = document.getElementById("mySelect").lastElementChild.text;

xの結果は次のようになります。

Volvo
»それを自分で試してみてください

<Elementオブジェクト