Interface DocumentFragment

A minimal document object that has no parent. It is used as a lightweight version of Document that stores a segment of a document structure comprised of nodes just like a standard document. The key difference is that because the document fragment isn't part of the active document tree structure, changes made to the fragment don't affect the document, cause reflow, or incur any performance impact that can occur when changes are made.

interface DocumentFragment {
    ATTRIBUTE_NODE: 2;
    baseURI: string;
    CDATA_SECTION_NODE: 4;
    childElementCount: number;
    childNodes: NodeListOf<ChildNode>;
    children: HTMLCollection;
    COMMENT_NODE: 8;
    DOCUMENT_FRAGMENT_NODE: 11;
    DOCUMENT_NODE: 9;
    DOCUMENT_POSITION_CONTAINED_BY: 16;
    DOCUMENT_POSITION_CONTAINS: 8;
    DOCUMENT_POSITION_DISCONNECTED: 1;
    DOCUMENT_POSITION_FOLLOWING: 4;
    DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
    DOCUMENT_POSITION_PRECEDING: 2;
    DOCUMENT_TYPE_NODE: 10;
    ELEMENT_NODE: 1;
    ENTITY_NODE: 6;
    ENTITY_REFERENCE_NODE: 5;
    firstChild: ChildNode;
    firstElementChild: Element;
    isConnected: boolean;
    lastChild: ChildNode;
    lastElementChild: Element;
    nextSibling: ChildNode;
    nodeName: string;
    nodeType: number;
    nodeValue: string;
    NOTATION_NODE: 12;
    ownerDocument: Document;
    parentElement: HTMLElement;
    parentNode: ParentNode;
    previousSibling: ChildNode;
    PROCESSING_INSTRUCTION_NODE: 7;
    TEXT_NODE: 3;
    textContent: string;
    addEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
    append(...nodes: (string | Node)[]): void;
    appendChild<T>(node: T): T;
    cloneNode(deep?: boolean): Node;
    compareDocumentPosition(other: Node): number;
    contains(other: Node): boolean;
    dispatchEvent(event: Event): boolean;
    getElementById(elementId: string): HTMLElement;
    getRootNode(options?: GetRootNodeOptions): Node;
    hasChildNodes(): boolean;
    insertBefore<T>(node: T, child: Node): T;
    isDefaultNamespace(namespace: string): boolean;
    isEqualNode(otherNode: Node): boolean;
    isSameNode(otherNode: Node): boolean;
    lookupNamespaceURI(prefix: string): string;
    lookupPrefix(namespace: string): string;
    normalize(): void;
    prepend(...nodes: (string | Node)[]): void;
    querySelector<K>(selectors: K): HTMLElementTagNameMap[K];
    querySelector<K>(selectors: K): SVGElementTagNameMap[K];
    querySelector<K>(selectors: K): MathMLElementTagNameMap[K];
    querySelector<K>(selectors: K): HTMLElementDeprecatedTagNameMap[K];
    querySelector<E>(selectors: string): E;
    querySelectorAll<K>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
    querySelectorAll<K>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
    querySelectorAll<K>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
    querySelectorAll<K>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
    querySelectorAll<E>(selectors: string): NodeListOf<E>;
    removeChild<T>(child: T): T;
    removeEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    replaceChild<T>(node: Node, child: T): T;
    replaceChildren(...nodes: (string | Node)[]): void;
}

Hierarchy

Node
NonElementParentNode
ParentNode
- DocumentFragment (view full)
  - ShadowRoot

Index

Properties

`Readonly`ATTRIBUTE_NODE

ATTRIBUTE_NODE: 2

`Readonly`baseURI

baseURI: string

Returns node's node document's document base URL.

`Readonly`CDATA_SECTION_NODE

CDATA_SECTION_NODE: 4

node is a CDATASection node.

`Readonly`childElementCount

childElementCount: number

`Readonly`childNodes

childNodes: NodeListOf<ChildNode>

Returns the children.

`Readonly`children

children: HTMLCollection

Returns the child elements.

`Readonly`COMMENT_NODE

COMMENT_NODE: 8

node is a Comment node.

`Readonly`DOCUMENT_FRAGMENT_NODE

DOCUMENT_FRAGMENT_NODE: 11

node is a DocumentFragment node.

`Readonly`DOCUMENT_NODE

DOCUMENT_NODE: 9

node is a document.

`Readonly`DOCUMENT_POSITION_CONTAINED_BY

DOCUMENT_POSITION_CONTAINED_BY: 16

Set when other is a descendant of node.

`Readonly`DOCUMENT_POSITION_CONTAINS

DOCUMENT_POSITION_CONTAINS: 8

Set when other is an ancestor of node.

`Readonly`DOCUMENT_POSITION_DISCONNECTED

DOCUMENT_POSITION_DISCONNECTED: 1

Set when node and other are not in the same tree.

`Readonly`DOCUMENT_POSITION_FOLLOWING

DOCUMENT_POSITION_FOLLOWING: 4

Set when other is following node.

`Readonly`DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC

DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32

`Readonly`DOCUMENT_POSITION_PRECEDING

DOCUMENT_POSITION_PRECEDING: 2

Set when other is preceding node.

`Readonly`DOCUMENT_TYPE_NODE

DOCUMENT_TYPE_NODE: 10

node is a doctype.

`Readonly`ELEMENT_NODE

ELEMENT_NODE: 1

node is an element.

`Readonly`ENTITY_NODE

ENTITY_NODE: 6

`Readonly`ENTITY_REFERENCE_NODE

ENTITY_REFERENCE_NODE: 5

`Readonly`firstChild

firstChild: ChildNode

Returns the first child.

`Readonly`firstElementChild

firstElementChild: Element

Returns the first child that is an element, and null otherwise.

`Readonly`isConnected

isConnected: boolean

Returns true if node is connected and false otherwise.

`Readonly`lastChild

lastChild: ChildNode

Returns the last child.

`Readonly`lastElementChild

lastElementChild: Element

Returns the last child that is an element, and null otherwise.

`Readonly`nextSibling

nextSibling: ChildNode

Returns the next sibling.

`Readonly`nodeName

nodeName: string

Returns a string appropriate for the type of node.

`Readonly`nodeType

nodeType: number

Returns the type of node.

nodeValue

nodeValue: string

`Readonly`NOTATION_NODE

NOTATION_NODE: 12

`Readonly`ownerDocument

ownerDocument: Document

Returns the node document. Returns null for documents.

`Readonly`parentElement

parentElement: HTMLElement

Returns the parent element.

`Readonly`parentNode

parentNode: ParentNode

Returns the parent.

`Readonly`previousSibling

previousSibling: ChildNode

Returns the previous sibling.

`Readonly`PROCESSING_INSTRUCTION_NODE

PROCESSING_INSTRUCTION_NODE: 7

node is a ProcessingInstruction node.

`Readonly`TEXT_NODE

TEXT_NODE: 3

node is a Text node.

textContent

textContent: string

Methods

addEventListener

addEventListener(type, callback, options?): void
Appends an event listener for events whose type attribute value is type. The callback argument sets the callback that will be invoked when the event is dispatched.

The options argument sets listener-specific options. For compatibility this can be a boolean, in which case the method behaves exactly as if the value was specified as options's capture.

When set to true, options's capture prevents callback from being invoked when the event's eventPhase attribute value is BUBBLING_PHASE. When false (or not present), callback will not be invoked when event's eventPhase attribute value is CAPTURING_PHASE. Either way, callback will be invoked if event's eventPhase attribute value is AT_TARGET.

When set to true, options's passive indicates that the callback will not cancel the event by invoking preventDefault(). This is used to enable performance optimizations described in § 2.8 Observing event listeners.

When set to true, options's once indicates that the callback will only be invoked once after which the event listener will be removed.

If an AbortSignal is passed for options's signal, then the event listener will be removed when signal is aborted.

The event listener is appended to target's event listener list and is not appended if it has the same type, callback, and capture.

MDN Reference
Parameters
- type: string
- callback: EventListenerOrEventListenerObject
- Optionaloptions: boolean | AddEventListenerOptions
Returns void
Inherited from ParentNode.addEventListener

append

append(...nodes): void
Inserts nodes after the last child of node, while replacing strings in nodes with equivalent Text nodes.

Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.

MDN Reference
Parameters
- Rest...nodes: (string | Node)[]
Returns void
Inherited from ParentNode.append

appendChild

appendChild<T>(node): T
MDN Reference
Type Parameters
- T extends Node
Parameters
- node: T
Returns T
Inherited from ParentNode.appendChild

cloneNode

cloneNode(deep?): Node
Returns a copy of node. If deep is true, the copy also includes the node's descendants.

MDN Reference
Parameters
- Optionaldeep: boolean
Returns Node
Inherited from ParentNode.cloneNode

compareDocumentPosition

compareDocumentPosition(other): number
Returns a bitmask indicating the position of other relative to node.

MDN Reference
Parameters
- other: Node
Returns number
Inherited from ParentNode.compareDocumentPosition

contains

contains(other): boolean
Returns true if other is an inclusive descendant of node, and false otherwise.

MDN Reference
Parameters
- other: Node
Returns boolean
Inherited from ParentNode.contains

dispatchEvent

dispatchEvent(event): boolean
Dispatches a synthetic event event to target and returns true if either event's cancelable attribute value is false or its preventDefault() method was not invoked, and false otherwise.

MDN Reference
Parameters
- event: Event
Returns boolean
Inherited from ParentNode.dispatchEvent

getElementById

getElementById(elementId): HTMLElement
Returns the first element within node's descendants whose ID is elementId.

MDN Reference
Parameters
- elementId: string
Returns HTMLElement
Overrides NonElementParentNode.getElementById

getRootNode

getRootNode(options?): Node
Returns node's root.

MDN Reference
Parameters
- Optionaloptions: GetRootNodeOptions
Returns Node
Inherited from ParentNode.getRootNode

hasChildNodes

hasChildNodes(): boolean
Returns whether node has children.

MDN Reference

Returns boolean
Inherited from ParentNode.hasChildNodes

insertBefore

insertBefore<T>(node, child): T
MDN Reference
Type Parameters
- T extends Node
Parameters
- node: T
- child: Node
Returns T
Inherited from ParentNode.insertBefore

isDefaultNamespace

isDefaultNamespace(namespace): boolean
MDN Reference
Parameters
- namespace: string
Returns boolean
Inherited from ParentNode.isDefaultNamespace

isEqualNode

isEqualNode(otherNode): boolean
Returns whether node and otherNode have the same properties.

MDN Reference
Parameters
- otherNode: Node
Returns boolean
Inherited from ParentNode.isEqualNode

isSameNode

isSameNode(otherNode): boolean
MDN Reference
Parameters
- otherNode: Node
Returns boolean
Inherited from ParentNode.isSameNode

lookupNamespaceURI

lookupNamespaceURI(prefix): string
MDN Reference
Parameters
- prefix: string
Returns string
Inherited from ParentNode.lookupNamespaceURI

lookupPrefix

lookupPrefix(namespace): string
MDN Reference
Parameters
- namespace: string
Returns string
Inherited from ParentNode.lookupPrefix

normalize

normalize(): void
Removes empty exclusive Text nodes and concatenates the data of remaining contiguous exclusive Text nodes into the first of their nodes.

MDN Reference

Returns void
Inherited from ParentNode.normalize

prepend

prepend(...nodes): void
Inserts nodes before the first child of node, while replacing strings in nodes with equivalent Text nodes.

Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.

MDN Reference
Parameters
- Rest...nodes: (string | Node)[]
Returns void
Inherited from ParentNode.prepend

querySelector

querySelector<K>(selectors): HTMLElementTagNameMap[K]
Returns the first element that is a descendant of node that matches selectors.

MDN Reference
Type Parameters
- K extends keyof HTMLElementTagNameMap
Parameters
- selectors: K
Returns HTMLElementTagNameMap[K]
Inherited from ParentNode.querySelector
querySelector<K>(selectors): SVGElementTagNameMap[K]
Type Parameters
- K extends keyof SVGElementTagNameMap
Parameters
- selectors: K
Returns SVGElementTagNameMap[K]
Inherited from ParentNode.querySelector
querySelector<K>(selectors): MathMLElementTagNameMap[K]
Type Parameters
- K extends keyof MathMLElementTagNameMap
Parameters
- selectors: K
Returns MathMLElementTagNameMap[K]
Inherited from ParentNode.querySelector
querySelector<K>(selectors): HTMLElementDeprecatedTagNameMap[K]
Type Parameters
- K extends keyof HTMLElementDeprecatedTagNameMap
Parameters
- selectors: K
Returns HTMLElementDeprecatedTagNameMap[K]
Deprecated
Inherited from ParentNode.querySelector
querySelector<E>(selectors): E
Type Parameters
- E extends Element = Element
Parameters
- selectors: string
Returns E
Inherited from ParentNode.querySelector

querySelectorAll

querySelectorAll<K>(selectors): NodeListOf<HTMLElementTagNameMap[K]>
Returns all element descendants of node that match selectors.

MDN Reference
Type Parameters
- K extends keyof HTMLElementTagNameMap
Parameters
- selectors: K
Returns NodeListOf<HTMLElementTagNameMap[K]>
Inherited from ParentNode.querySelectorAll
querySelectorAll<K>(selectors): NodeListOf<SVGElementTagNameMap[K]>
Type Parameters
- K extends keyof SVGElementTagNameMap
Parameters
- selectors: K
Returns NodeListOf<SVGElementTagNameMap[K]>
Inherited from ParentNode.querySelectorAll
querySelectorAll<K>(selectors): NodeListOf<MathMLElementTagNameMap[K]>
Type Parameters
- K extends keyof MathMLElementTagNameMap
Parameters
- selectors: K
Returns NodeListOf<MathMLElementTagNameMap[K]>
Inherited from ParentNode.querySelectorAll
querySelectorAll<K>(selectors): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>
Type Parameters
- K extends keyof HTMLElementDeprecatedTagNameMap
Parameters
- selectors: K
Returns NodeListOf<HTMLElementDeprecatedTagNameMap[K]>
Deprecated
Inherited from ParentNode.querySelectorAll
querySelectorAll<E>(selectors): NodeListOf<E>
Type Parameters
- E extends Element = Element
Parameters
- selectors: string
Returns NodeListOf<E>
Inherited from ParentNode.querySelectorAll

removeChild

removeChild<T>(child): T
MDN Reference
Type Parameters
- T extends Node
Parameters
- child: T
Returns T
Inherited from ParentNode.removeChild

removeEventListener

removeEventListener(type, callback, options?): void
Removes the event listener in target's event listener list with the same type, callback, and options.

MDN Reference
Parameters
- type: string
- callback: EventListenerOrEventListenerObject
- Optionaloptions: boolean | EventListenerOptions
Returns void
Inherited from ParentNode.removeEventListener

replaceChild

replaceChild<T>(node, child): T
MDN Reference
Type Parameters
- T extends Node
Parameters
- node: Node
- child: T
Returns T
Inherited from ParentNode.replaceChild

replaceChildren

replaceChildren(...nodes): void
Replace all children of node with nodes, while replacing strings in nodes with equivalent Text nodes.

Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.

MDN Reference
Parameters
- Rest...nodes: (string | Node)[]
Returns void
Inherited from ParentNode.replaceChildren