firstElementChildプロパティ

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

構文

javascript要素.firstElementChild;

例

要素の最初の子の内容を取得します:

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

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

console.log(text);

コード実行結果:

javascript'1'

例

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

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

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

コード実行結果:

javascriptnull

関連項目