ParentNode.firstElementChild - 最初の子要素
firstElementChildは、ParentNodeのプロパティです。最初の子要素を返します。
概要
- 名前
- firstElementChild
- 所属
- ParentNode
- IDL
readonly attribute Element? firstElementChild;
- 仕様書
- https://dom.spec.whatwg.org/#dom-parentnode-firstelementchild
説明
最初の子要素を表すElementを返す。
デモ
ParentNode.firstElementChildのデモです。
<!-- このコードは編集できます。 -->
<!DOCTYPE html>
<html>
<head>
<style>
div#result { white-space: pre-wrap ; }
</style>
</head>
<body>
<ul id="hoge">
<li>SYNCER1</li>
<li>SYNCER2</li>
<li>SYNCER3</li>
</ul>
<hr>
<div id="result"></div>
<script>
var parentNode = document.getElementById( "hoge" ) ;
var element = parentNode.firstElementChild ;
console.log( element ) ;
document.getElementById( "result" ).appendChild( new Text( element + "\n\n" ) ) ;
document.getElementById( "result" ).appendChild( new Text( element.outerHTML ) ) ;
</script>
</body>
</html>
サポート状況
Features | Chrome | Firefox | Safari | Edge | IE | Opera | iOS Safari | Android |
---|---|---|---|---|---|---|---|---|
firstElementChild | ● | ● | ● | ● | ● 9+ | ● | ● | ● |
on Document | ● 29+ | ● 25+ | ● 9.1+ | × | × | ● 16+ | ● 9.1+ | ● 4.4+ |
on DocumentFragment | ● 29+ | ● 25+ | ● 9.1+ | × | × | ● 16+ | ● 9.1+ | ● 4.4+ |
関連記事
- Document.getElementsByClassName()
- getElementsByClassName()は、Documentのメソッドです。class属性を指定して要素を取得します。
- 要素の位置座標を取得する
- 指定した要素の位置座標を取得します。
- スクロール量を取得する
- スクロール量を取得するには、window.pageYOffsetを参照しましょう。
- ParentNode.children
- childrenは、ParentNodeのプロパティです。全ての子要素を返します。