プロパティ lastElementChild
プロパティ lastElementChild は、
最後の子要素を保持します。子要素とは、
ブロック内に直接配置されているすべての
タグを指します。要素に子要素がない場合、
null が返されます。
構文
要素.lastElementChild;
例
要素の最後の子要素の内容を取得しましょう:
<div id="parent">
<p>1</p>
<p>2</p>
</div>
let parent = document.querySelector('#parent');
let text = parent.lastElementChild.textContent;
console.log(text);
コードの実行結果:
'2'
例
ここでは、要素に子要素がないため、
null が出力されます:
<div id="parent"></div>
let parent = document.querySelector('#parent');
console.log(parent.lastElementChild);
コードの実行結果:
null
関連項目
-
最初の要素を含むプロパティ
firstElementChild,
-
要素のすべての子要素を含むプロパティ
children,
-
最後のノードを含むプロパティ
lastChild,
