例
最初の子ノードのHTMLコンテンツを取得<ul>要素を：
var x = document.getElementById("myList").firstChild.innerHTML;xの結果は次のようになります。
Coffee »それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
firstChildプロパティは、Nodeオブジェクトとして、指定されたノードの最初の子ノードを返します。
このプロパティとの間の差firstElementChildは 、のfirstChild要素ノード、テキスト・ノードやコメントノードとして最初の子ノードを返すことである(depending on which one's first) firstElementChild要素ノードとして最初の子ノードを返しながら、 (ignores text and comment nodes) 。
注：要素内の空白はテキストとみなされ、そしてテキストはノードとして考えられている(See "More Examples") 。
このプロパティは読み取り専用です。
ヒント：使用する要素 .childNodes指定されたノードの子ノードを返すようにプロパティを。 childNodes [0]のfirstChildと同じ結果を生成します。
ヒント：使用して、指定されたノードの最後の子ノードを返すにlastChildプロパティを。
ブラウザのサポート
| プロパティ | |||||
|---|---|---|---|---|---|
| firstChild | はい | はい | はい | はい | はい |
構文
node .firstChild技術的な詳細
| 戻り値： | 子ノードが存在しない場合、最初のノードの子、またはnullを表すノードオブジェクト |
|---|---|
| DOMバージョン | コアレベル1ノードオブジェクト |
その他の例
例
この例では、空白は、このプロパティでinterfareできるかを示しています。
最初の子ノードのノード名取得<div>要素を：
<!--
Whitespace inside elements is considered as text, and text is
considered as nodes
In this example, there is whitespace before <p>,
before <span> and after <span>
Therefore, the first child
node of <div> is a #text node, and not the <p> element you expected
-->
<div id="myDIV">
<p>Looks
like first child</p>
<span>Looks like last Child</span>
</div>
<script>
var x = document.getElementById( "myDIV" ).firstChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>xの結果は次のようになります。
#text »それを自分で試してみてください 例
我々はソースから空白を削除する場合は、作るの<div>にはの#textノードが存在しない<p>要素の最初の子ノードは：
<div id="myDIV"><p>First child</p><span>Last Child</span></div>
<script>
var x = document.getElementById( "myDIV" ).firstChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>xの結果は次のようになります。
P »それを自分で試してみてください 例
最初の子ノードのテキストを取得します<select>要素を：
var x = document.getElementById("mySelect").firstChild.text;xの結果は次のようになります。
Audi »それを自分で試してみてください 関連ページ
HTML DOMリファレンス： ノード。 lastChildプロパティ
HTML DOMリファレンス： ノード。 childNodesプロパティ
HTML DOMリファレンス： ノード。 parentNodeプロパティ
HTML DOMリファレンス： ノード。 nextSiblingプロパティ
HTML DOMリファレンス： ノード。 previousSiblingはプロパティ
HTML DOMリファレンス： ノード。 nodeNameのプロパティ