files/ja/web/api/element/firstelementchild/index.md


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55

---
title: Element.firstElementChild
slug: Web/API/Element/firstElementChild
tags:
  - API
  - DOM
  - Element
  - プロパティ
browser-compat: api.Element.firstElementChild
translation_of: Web/API/Element/firstElementChild
---
{{ APIRef("DOM") }}

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

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

## 構文

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

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

## 例

```html
<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>
```

## 仕様書

{{Specifications}}

## ブラウザーの互換性

{{Compat}}

## 関連情報

- {{domxref("Element.nextElementSibling")}}
- {{domxref("Element.lastElementChild")}}