ParentNode.childElementCount - 子要素の数
childElementCountは、ParentNodeのプロパティです。子要素の数を返します。
概要
- 名前
- childElementCount
- 所属
- ParentNode
- IDL
readonly attribute unsigned long childElementCount;
- 仕様書
- https://dom.spec.whatwg.org/#dom-parentnode-childelementcount
説明
子要素の数を表す数値を返す。
デモ
ParentNode.childElementCountのデモです。
<!-- このコードは編集できます。 -->
<!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 value = parentNode.childElementCount ;
console.log( value ) ;
document.getElementById( "result" ).appendChild( new Text( value ) ) ;
</script>
</body>
</html>
サポート状況
Features | Chrome | Firefox | Safari | Edge | IE | Opera | iOS Safari | Android |
---|---|---|---|---|---|---|---|---|
childElementCount | ● | ● | ● | ● | ● 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属性を指定して要素を取得します。
- ParentNode.lastElementChild
- lastElementChildは、ParentNodeのプロパティです。最後の子要素を返します。
- ParentNode.children
- childrenは、ParentNodeのプロパティです。全ての子要素を返します。
- ParentNode.firstElementChild
- firstElementChildは、ParentNodeのプロパティです。最初の子要素を返します。