Element.firstElementChild

Element.firstElementChild は読み取り専用のプロパティで、要素の最初の子を Element で返します。子要素がない場合は null を返します。

Element.firstElementChild は要素ノードのみを含みます。 テキストやコメントノードなど、要素以外のノードを含むすべての子ノードを取得するには、 Node.firstChild を使用してください。

構文

// ゲッター
element = el.firstElementChild;

// セッターなし。読み取り専用プロパティ

<ul id="list">
  <li>First  (1)</li>
  <li>Second (2)</li>
  <li>Third  (3)</li>
</ul>

<script>
const list = document.getElementById('list');
console.log(list.firstElementChild.textContent);
// logs "First (1)"
</script>

仕様書

Specification
DOM Standard
# ref-for-dom-parentnode-firstelementchild①

ブラウザーの互換性

BCD tables only load in the browser

関連情報