title | short-title | slug | page-type | browser-compat |
---|---|---|---|---|
Element: after() method |
after() |
Web/API/Element/after |
web-api-instance-method |
api.Element.after |
{{APIRef("DOM")}}
The Element.after()
method inserts a set of
{{domxref("Node")}} or string objects in the children list of the
Element
's parent, just after the Element
.
String objects are inserted as equivalent {{domxref("Text")}} nodes.
after(node1)
after(node1, node2)
after(node1, node2, /* …, */ nodeN)
node1
, …,nodeN
- : A set of {{domxref("Node")}} or string objects to insert.
None ({{jsxref("undefined")}}).
HierarchyRequestError
{{DOMxRef("DOMException")}}- : Thrown when the node cannot be inserted at the specified point in the hierarchy.
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>"
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>"
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}}
{{Compat}}
- {{domxref("Element.before()")}}
- {{domxref("Element.append()")}}
- {{domxref("Node.appendChild()")}}
- {{domxref("Element.insertAdjacentElement()")}}
- {{domxref("NodeList")}}