HTML DOM Element firstElementChild 属性
- 前のページ firstChild
- 次のページ focus()
- 上一層に戻る HTML DOM Elements オブジェクト
定义和用法
firstElementChild 属性返回指定元素的第一个子元素。
firstElementChild 属性是只读的。
firstElementChild 属性返回与 children[0] 相同的值。
另请参阅：
childNodesプロパティ
インスタンス
例 1
最初の子要素のHTMLコンテンツを取得する：
let text = document.getElementById("mySelect").firstElementChild.text;
let text = element.firstElementChild.innerHTML;
例 2
"myDIV"の最初の子要素のタグ名を取得する：
let text = document.getElementById("mySelect").firstElementChild.text;
let text = document.getElementById("myDIV").firstElementChild.tagName;
例 3
<select>要素の最初の子要素のテキストを取得する：
let text = document.getElementById("mySelect").firstElementChild.text;
自分で試してみてください
HTML ノードと要素 HTML DOM（ドキュメントオブジェクトモデル）では、HTML ドキュメントは子ノード（または子ノードがなく）を持ちます。
ノード要素ノード、テキストノード、およびコメントノードを指します。
要素要素間の空白もテキストノードです。
要素はただの要素ノードです。
子ノードと子要素
childNodes 返します子ノード（要素ノード、テキストノード、およびコメントノード）。
children 返します子要素（テキストやコメントノードではなく）。
firstChild と firstElementChild
firstChild 最初のものを返します子ノード（要素ノード、テキストノード、またはコメントノード）。要素間の空白もテキストノードです。
firstElementChild 最初のものを返します子要素（テキストノードやコメントノードは返されません）。
lastChild と lastElementChild
lastChild 最後のものを返します子ノード（要素ノード、テキストノード、またはコメントノード）。要素間の空白もテキストノードです。
lastElementChild 最後のものを返します子要素（テキストノードやコメントノードは返されません）。
構文
element.firstElementChild
返り値
| タイプ | 説明 |
|---|---|
| Node | 要素の最初の子要素。 子がなければ null を返します。 |
ブラウザのサポート
element.firstElementChild DOM レベル 3 (2004) 特徴です。
すべてのブラウザで完全にサポートされています：
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| サポート | 9-11 | サポート | サポート | サポート | サポート |
- 前のページ firstChild
- 次のページ focus()
- 上一層に戻る HTML DOM Elements オブジェクト
