HTML DOMlastElementChildプロパティ
例
<ul>要素の最後の子要素のHTMLコンテンツを取得します。
var x = document.getElementById("myList").lastElementChild.innerHTML;
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
lastElementChildプロパティは、指定された要素の最後の子要素を返します。
このプロパティと lastChildの違いは、lastChildが最後の子ノードを要素ノード、テキストノード、またはコメントノード(どちらが最後かによって異なります)として返すのに対し、lastElementChildは最後の子ノードを要素ノードとして返す(テキストを無視する)ことです。およびコメントノード)。
このプロパティは読み取り専用です。
ヒント:childrenプロパティを使用して 、指定した要素の子要素を返します。
ヒント:指定された要素の最初の子要素を返すには、firstElementChildプロパティを使用します。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
lastElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
構文
element.lastElementChild
技術的な詳細
戻り値: | 要素の最後の子要素を表すNodeオブジェクト、または子要素がない場合はnull |
---|---|
DOMバージョン | コアレベル3要素トラバーサル |
その他の例
例
<div>要素の最後の子要素のタグ名を取得します。
var x = document.getElementById("myDIV").lastElementChild.tagName;
document.getElementById("demo").innerHTML = x;
例
<select>要素の最後の子要素のテキストを取得します。
var x = document.getElementById("mySelect").lastElementChild.text;