web api instance method
Element: after() method
The Element.after() method inserts a set of
Node objects or strings in the children list of the
Element’s parent, just after the Element.
Strings are inserted as equivalent Text nodes.
Syntax
after(node1)
after(node1, node2)
after(node1, node2, /* …, */ nodeN)
Parameters
node1, …,nodeN- : A set of
Nodeobjects or strings to insert.
- : A set of
Return value
None (undefined).
Exceptions
HierarchyRequestErrorDOMException- : Thrown when the node cannot be inserted at the specified point in the hierarchy.
Examples
Inserting an element
let container = document.createElement("div");
let p = document.createElement("p");
container.appendChild(p);
let span = document.createElement("span");
p.after(span);
console.log(container.outerHTML);
// "<div><p></p><span></span></div>"
Inserting text
let container = document.createElement("div");
let p = document.createElement("p");
container.appendChild(p);
p.after("Text");
console.log(container.outerHTML);
// "<div><p></p>Text</div>"
Inserting an element and text
let container = document.createElement("div");
let p = document.createElement("p");
container.appendChild(p);
let span = document.createElement("span");
p.after(span, "Text");
console.log(container.outerHTML);
// "<div><p></p><span></span>Text</div>"
Specifications
SpecificationsStandards references are available on the canonical MDN page.
Browser compatibility
Browser compatibilityCompatibility data is available on the canonical MDN page.