index.md

title	short-title	slug	page-type	browser-compat
Document: replaceChildren() method	replaceChildren()	Web/API/Document/replaceChildren	web-api-instance-method	api.Document.replaceChildren

{{APIRef("DOM")}}

The Document.replaceChildren() method replaces the existing children of a Document with a specified new set of children.

Syntax

replaceChildren(param1)
replaceChildren(param1, param2)
replaceChildren(param1, param2, /* …, */ paramN)

Parameters

• param1, …, paramN
  • : A set of {{domxref("Node")}} or string objects to replace the Document's existing children with. If no replacement objects are specified, then the Document is emptied of all child nodes.

Return value

None ({{jsxref("undefined")}}).

Exceptions

• HierarchyRequestError {{DOMxRef("DOMException")}}
  • : Thrown if the constraints of the node tree are violated.

Examples

Emptying a document

replaceChildren() provides a very convenient mechanism for emptying a document of all its children. You call it on the document without any argument specified:

document.replaceChildren();
document.children; // HTMLCollection []

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• {{domxref("Document.prepend()")}}
• {{domxref("Document.append()")}}