ChildNode

The ChildNode mixin contains methods and properties that are common to all types of Node objects that can have a parent. It's implemented by Element, DocumentType, and CharacterData objects.

Properties

There are neither inherited, nor specific properties.

Methods

There are no inherited methods.

ChildNode.remove(): Removes this ChildNode from the children list of its parent.
ChildNode.before(): Inserts a set of Node or DOMString objects in the children list of this ChildNode's parent, just before this ChildNode. DOMString objects are inserted as equivalent Text nodes.
ChildNode.after(): Inserts a set of Node or DOMString objects in the children list of this ChildNode's parent, just after this ChildNode. DOMString objects are inserted as equivalent Text nodes.
ChildNode.replaceWith(): Replaces this ChildNode in the children list of its parent with a set of Node or DOMString objects. DOMString objects are inserted as equivalent Text nodes.

Specifications

Specification	Status	Comment
DOM The definition of 'ChildNode' in that specification.	Living Standard	Split the `ElementTraversal` interface in `ParentNode` and `ChildNode`. `previousElementSibling` and `nextElementSibling` are now defined on the latter. The `CharacterData` and `DocumentType` implemented the new interfaces. Added the `remove()`, `before()`, `after()` and `replaceWith()` methods.
Element Traversal Specification The definition of 'ElementTraversal' in that specification.	Obsolete	Added the initial definition of its properties to the `ElementTraversal` pure interface and use it on `Element`.

Polyfill

External on GitHub: childNode.js

Browser compatibility

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`ChildNode`	Chrome Full support 1	Edge Full support 12	Firefox Full support 23	IE Full support 9	Opera Full support 10	Safari Full support 4	WebView Android Full support Yes	Chrome Android Full support Yes	Firefox Android Full support 23	Opera Android Full support 10.1	Safari iOS Full support Yes	Samsung Internet Android Full support Yes
`after` Experimental	Chrome Full support 54	Edge Full support 17	Firefox Full support 49	IE No support No	Opera Full support 39	Safari Full support 10	WebView Android Full support 54	Chrome Android Full support 54	Firefox Android Full support 49	Opera Android Full support 41	Safari iOS Full support 10	Samsung Internet Android Full support 6.0
`before` Experimental	Chrome Full support 54	Edge Full support 17	Firefox Full support 49	IE No support No	Opera Full support 39	Safari Full support 10	WebView Android Full support 54	Chrome Android Full support 54	Firefox Android Full support 49	Opera Android Full support 41	Safari iOS Full support 10	Samsung Internet Android Full support 6.0
`remove`	Chrome Full support 23	Edge Full support 12	Firefox Full support 23	IE No support No	Opera Full support 15	Safari Full support 7	WebView Android Full support ≤37	Chrome Android Full support 25	Firefox Android Full support 23	Opera Android Full support 14	Safari iOS Full support 7	Samsung Internet Android Full support 1.5
`replaceWith`	Chrome Full support 54	Edge Full support 17	Firefox Full support 49	IE No support No	Opera Full support 39	Safari Full support Yes	WebView Android Full support 54	Chrome Android Full support 54	Firefox Android Full support 49	Opera Android Full support 41	Safari iOS Full support Yes	Samsung Internet Android Full support 6.0

Legend

Full support: Full support
No support: No support
Experimental. Expect behavior to change in the future.: Experimental. Expect behavior to change in the future.