Node.children は、子要素ノードの生きた HTMLCollection を返す、読み取り専用プロパティです。
構文
var elList = elementNodeReference.children;
elList は HTMLCollection、 つまり elementNodeReference の子である DOM 要素の順序どおりのコレクションです。子要素が無い場合、 elList は要素を含まず、 length は 0 です。
例
// pEl は <p> 要素を参照しています
var elementChildren = pEl.children;
for (var i = 0; i < elementChildren.length; i++) {
console.log(elementChildren[i].tagName);
// 注: elementChildren は生きたリストで、pEl の子を追加または削除した場合、
// 直ちに elementChildren のメンバーも変更されます
}
仕様
| 仕様 | 状態 | コメント |
|---|---|---|
| DOM ParentNode.children の定義 |
現行の標準 | 初めての定義 |
ブラウザ互換性
現在、互換性データを可読形式の JSON フォーマットに置き換えているところです。
この互換性一覧は古い形式を使っており、これに含まれるデータの置き換えが済んでいません。
手助けしていただける場合は、こちらから！
| 機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
基本サポート (Element) |
1.0 | 3.5 (1.9.1) | 9.0 [1] | 10.0 | 4.0 |
Document 及び DocumentFragment のサポート |
29.0 | 25.0 (25.0) | 未サポート | 16.0 | 未サポート |
SVGElement のサポート |
(有) | (有) | 未サポート | ? | 未サポート |
| 機能 | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
基本サポート (Element) |
(有) | 1.0 (1.9.1) | (有) | (有) | (有) |
Document 及び DocumentFragment のサポート |
(有) | 25.0 (25.0) | 未サポート | 16.0 | 未サポート |
[1] Internet Explorer 6、7 及び 8 はこれをサポートしていますが、誤って Comment ノードを含めるようになっています。
関連情報
ParentNode及びChildNodeインターフェース