HTML DOM Element childElementCount 属性
- 前のページ blur()
- 次のページ childNodes
- 一層上のページに戻る HTML DOM Elements オブジェクト
定義と用法
childElementCount 属性は要素の子要素の数を返します。
childElementCount 属性は children.length と同じ値を返します。
childElementCount 読み取り専用です。
注記：返り値は子要素の数であり、子ノード（テキストノードやコメントノード）の数ではありません。
参照：
HTML ノードと要素
の HTML DOM（ドキュメントオブジェクトモデル）では、HTMLドキュメントは子ノード（または子ノードが）を持つノード集合（または持たない）です。
ノードは要素ノード、テキストノード、コメントノードを指します。
要素要素間の空白もテキストノードです。
要素はただの要素ノードです。
子ノードと子要素
childNodes 返り値子ノード（要素ノード、テキストノード、コメントノード）。
children 返り値子要素（テキストノードやコメントノードではない）。
兄弟と要素の兄弟
兄弟は「兄弟」および「姉妹」です。
兄弟は同じ親ノードを持つノード（同じ childNodes リストに）。
要素の兄弟は同じ親要素を持つ要素（同じ children リストに）。
例
例 1
<div>要素の子要素の数：
let numb = document.getElementById("myDIV").childElementCount;
例 2
childElementCount は children.length と同じ値を返します：
let numb = document.getElementById("myDIV").children.length;
構文
element.childElementCount
返り値
| タイプ | 説明 |
|---|---|
| 数字 | 要素の子要素の数。 |
ブラウザのサポート
element.childElementCount DOM レベル 3 (2004) の機能です。
すべてのブラウザで完全にサポートされています：
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| サポート | 9-11 | サポート | サポート | サポート | サポート |
- 前のページ blur()
- 次のページ childNodes
- 一層上のページに戻る HTML DOM Elements オブジェクト
