DocumentFragment: children プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

children は読み取り専用のプロパティで、生きた HTMLCollection を返します。これは呼び出された文書フラグメントのすべての子要素を持ちます。

この文書フラグメントの子である DOM 要素の、生きた順序通りの集合である HTMLCollection です。この集合に対して item() メソッドを使用するか、JavaScript の配列スタイル記法を使用すると、集合の個々の子ノードにアクセスすることができます。

この文書フラグメントに子要素がなかった場合は、childrenlength0 である空のリストを返します。

js
let fragment = new DocumentFragment();
fragment.children; // HTMLCollection []

let paragraph = document.createElement("p");
fragment.appendChild(paragraph);

fragment.children; // HTMLCollection [<p>]

仕様書

Specification
DOM Standard
# ref-for-dom-parentnode-children①

ブラウザーの互換性

BCD tables only load in the browser

関連情報