ChildNode

The ChildNode interface contains methods that are particular to Node objects that can have a parent.

ChildNode is a raw interface and no object of this type can be created; it is implemented by Element, DocumentType (en-US), and CharacterData (en-US) objects.

Properties

There are neither inherited, nor specific properties.

Methods

There are no inherited methods.

ChildNode.remove() This is an experimental API that should not be used in production code.
Removes this ChildNode from the children list of its parent.
ChildNode.before() (en-US) This is an experimental API that should not be used in production code.
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 (en-US) nodes.
ChildNode.after() (en-US) This is an experimental API that should not be used in production code.
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 (en-US) nodes.
ChildNode.replaceWith() (en-US) This is an experimental API that should not be used in production code.
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 (en-US) nodes.

Specifications

Specification Status Comment
DOM
Die Definition von 'ChildNode' in dieser Spezifikation.		 Lebender Standard Split the ElementTraversal interface in ParentNode (en-US) and ChildNode. previousElementSibling and nextElementSibling are now defined on the latter. The CharacterData (en-US) and DocumentType (en-US) implemented the new interfaces. Added the remove(), before(), after() and replaceWith() methods.
Element Traversal Specification
Die Definition von 'ElementTraversal' in dieser Spezifikation.		 Veraltet 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

Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst! (en-US)

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support (on Element) 1.0 (Ja) 23 (23) 9.0 10.0 4.0
Support on DocumentType (en-US) and CharacterData (en-US) This is an experimental API that should not be used in production code. 23.0 Nicht unterstützt 23 (23) Nicht unterstützt 16.0 Nicht unterstützt
remove() This is an experimental API that should not be used in production code. 29.0 (Ja) 23 (23) Nicht unterstützt 16.0 Nicht unterstützt
before(), after(), and replaceWith() This is an experimental API that should not be used in production code. 54.0 Nicht unterstützt 49 (49) Nicht unterstützt 39 Nicht unterstützt
Feature Android Android Webview Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile Chrome for Android
Basic support (on Element) (Ja) (Ja) (Ja) 23.0 (23) (Ja) 10.0 (Ja) (Ja)
Support on DocumentType (en-US) and CharacterData (en-US) This is an experimental API that should not be used in production code. (Ja) (Ja) Nicht unterstützt 23.0 (23) Nicht unterstützt 16.0 Nicht unterstützt (Ja)
remove() This is an experimental API that should not be used in production code. (Ja) (Ja) (Ja) 23.0 (23) Nicht unterstützt 16.0 Nicht unterstützt (Ja)
before(), after(), and replaceWith() This is an experimental API that should not be used in production code. Nicht unterstützt 54.0 Nicht unterstützt 49.0 (49) Nicht unterstützt 39 Nicht unterstützt 54.0

See also