HTML DOMfirstElementChildプロパティ
例
<ul>要素の最初の子要素のHTMLコンテンツを取得します。
var x = document.getElementById("myList").firstElementChild.innerHTML;
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
firstElementChildプロパティは、指定された要素の最初の子要素を返します。
このプロパティと firstChildの違いは、firstChildが最初の子ノードを要素ノード、テキストノード、またはコメントノード（どちらが最初かによって異なります）として返すのに対し、firstElementChildは最初の子ノードを要素ノードとして返す（テキストを無視する）ことです。およびコメントノード）。
このプロパティは読み取り専用です。
ヒント：childrenプロパティを使用して 、指定した要素の子要素を返します。children [0]は、firstElementChildと同じ結果を生成します。
ヒント：指定された要素の最後の子要素を返すには、lastElementChildプロパティを使用します。
ブラウザのサポート
| Property | |||||
|---|---|---|---|---|---|
| firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
構文
element.firstElementChild
技術的な詳細
| 戻り値： | 要素の最初の子要素を表すNodeオブジェクト、または子要素がない場合はnull |
|---|---|
| DOMバージョン | コアレベル3要素トラバーサル |
その他の例
例
<div>要素の最初の子要素のタグ名を取得します。
var x = document.getElementById("myDIV").firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;
例
<select>要素の最初の要素ノードのテキストを取得します。
var x = document.getElementById("mySelect").firstElementChild.text;