The read-only children property returns a live HTMLCollection which contains all of the child elements of the document fragment upon which it was called.
DocumentFragment: children property
Value
An HTMLCollection which is a live, ordered collection of the DOM elements which are children of the document fragment. You can access the individual child nodes in the collection by using either the item() method on the collection, or by using JavaScript array-style notation.
If the document fragment has no element children, then children is an empty list with a length of 0.
Examples
js
let fragment = new DocumentFragment();
fragment.children; // HTMLCollection []
let paragraph = document.createElement("p");
fragment.appendChild(paragraph);
fragment.children; // HTMLCollection [<p>]
Specifications
| Specification |
|---|
| DOM Standard # ref-for-dom-parentnode-children① |
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
children |
29 | 16 | 25 | No | 16 | 9 | 4.4 | 29 | 25 | 16 | 9 | 2.0 |
See also
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/DocumentFragment/children