例
最初の子要素のHTMLコンテンツを取得<ul>要素を：
var x = document.getElementById("myList").firstElementChild.innerHTML;xの結果は次のようになります。
Coffee »それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
firstElementChildプロパティは、指定された要素の最初の子要素を返します。
このプロパティとの間の差のfirstChildは 、のfirstChild要素ノード、テキスト・ノードやコメントノードとして最初の子ノードを返すことである(depending on which one's first) firstElementChild要素ノードとして最初の子ノードを返しながら、 (ignores text and comment nodes) 。
このプロパティは読み取り専用です。
ヒント：使用する子どもの指定された要素の子要素を返すようにプロパティを。 子どもたちは、[0] firstElementChildと同じ結果を生成します。
ヒント：使用して、指定された要素の最後の子要素を返すためにlastElementChildプロパティを。
ブラウザのサポート
| プロパティ | |||||
|---|---|---|---|---|---|
| firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
構文
element .firstElementChild技術的な詳細
| 戻り値： | 子要素が存在しない場合、ノード要素の最初の子要素を表すオブジェクト、またはnull |
|---|---|
| DOMバージョン | コアレベル3要素トラバーサル |
その他の例
例
最初の子要素のタグ名を取得する<div>要素を：
var x = document.getElementById( "myDIV" ).firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;xの結果は次のようになります。
P »それを自分で試してみてください 例
最初の要素ノードのテキストを取得します<select>要素を：
var x = document.getElementById("mySelect").firstElementChild.text;xの結果は次のようになります。
Audi »それを自分で試してみてください