.firstElementChild
オブジェクトの最初の子要素を返します。もし子要素が存在しなければnullを返します。読み取り専用のプロパティです。
このプロパティは、 純粋なElementTraversalインターフェイスの内部で定義されているものです。 このインターフェースには明確な2つのプロパティの集まりが含まれており、 1つは子(children)を持つNodeを対象とし、 もう1つはその子(children)を対象としています。
これらは、純粋なインターフェースから2つに別れ、
それぞれParentNode(親ノード)とChildNode(子ノード)に移されました。
このケースでのfirstElementChildは、ParentNode(親ノード)に移されました。
これは互換性に影響をあたえるべきではない、大きな技術的変更です。
文法
var childNode = elementNodeReference.firstElementChild;
例
<p id="para-01">
<span>First span</span>
</p>
<script type="text/javascript">
var p01 = document.getElementById('para-01');
alert(p01.firstElementChild.nodeName)
</script>
この例では、段落(p)要素の最初の子ノードのタグ名である、 'span'がアラート表示されます。
仕様
ブラウザ互換性
| 機能 | Chrome | Firefox (Gecko) |
IE | Opera | Safari |
|---|---|---|---|---|---|
| 基本 | 1.0 | 3.5 (1.9.1) | 9.0 | 10.0 | 4.0 |
| Document、 DocumentFragment 上でサポート |
29.0 | 25.0 (25.0) | × | 16.0 | × |
| 機能 | Android | Firefox Mobile |
IE Mobile |
Opera Mobile |
Safari Mobile |
|
|---|---|---|---|---|---|---|
| 基本 | ◯ | 1.0 (1.9.1) | ◯ | ◯ | ◯ | |
| Document、 DocumentFragment 上でサポート |
◯ | 25.0 (25.0) | × | 16.0 | × |
[1] Internet Explorer 6、7、8でサポートされていますが、誤ってCommentノードをカウントします。
関連項目
- The ParentNode and ChildNode pure interfaces.
- Object types implementing this pure interface: Document, Element, and DocumentFragment.
© 2017 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
このページは、ページトップのURL先のMozilla Developer Network(以下、MDN)のコンテンツを翻訳した内容を基に構成されています。 構成について異なる点も含まれますので、下記の項目を確認し、必要に応じて元のコンテンツをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。
- 特定のブラウザに特化しすぎている情報やあまりにも古い情報、 または試験的に導入されているようなAPIや機能については、省略していることがあります。
- 例やデモについて、実際にページ内で動作させる関係で一部ソースコードを変更している場合や、 その例で使用しているコンテンツの単語や文章などを日本人向けに変更しいてる場合があります。
- MDNの更新頻度が高いため、元のコンテンツと比べ情報が古くなっている可能性があります。
- "訳注:"などの断わりを入れた上で、日本人向けの情報の追記を行っている事があります。