プロパティ lastElementChild

プロパティ lastElementChild は、 最後の子要素を保持します。子要素とは、 ブロック内に直接配置されているすべての タグを指します。要素に子要素がない場合、 null が返されます。

構文

javascript要素.lastElementChild;

例

要素の最後の子要素の内容を取得しましょう:

html<div id="parent">
  <p>1</p>
  <p>2</p>
</div>

javascriptlet parent = document.querySelector('#parent');
let text = parent.lastElementChild.textContent;

console.log(text);

コードの実行結果:

javascript'2'

例

ここでは、要素に子要素がないため、 null が出力されます:

html<div id="parent"></div>

javascriptlet parent = document.querySelector('#parent');
console.log(parent.lastElementChild);

コードの実行結果:

javascriptnull

関連項目