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