diff options
Diffstat (limited to 'files')
-rw-r--r-- | files/ja/web/api/element/firstelementchild/index.md | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/files/ja/web/api/element/firstelementchild/index.md b/files/ja/web/api/element/firstelementchild/index.md new file mode 100644 index 0000000000..a1a1182594 --- /dev/null +++ b/files/ja/web/api/element/firstelementchild/index.md @@ -0,0 +1,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")}} |