JavaScript · DOM APIs

element.replaceChildren()

Replaces all children with a new set of nodes in one operation.

Syntax
el.replaceChildren(…nodes)

Example

Try it

More in this group

document.createDocumentFragment() document.getElementById() element.appendChild() element.cloneNode() element.getBoundingClientRect() element.insertAdjacentHTML() element.matches() element.remove()

Learn this in the course

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.

Open the course