Element: after() Methode

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Die Element.after()-Methode fügt eine Menge von Node-Objekten oder Zeichenfolgen in die Kindliste des Elternteils des Element ein, direkt nach dem Element. Zeichenfolgen werden als gleichwertige Text-Knoten eingefügt.

Syntax

js
after(node1)
after(node1, node2)
after(node1, node2, /* …, */ nodeN)

Parameter

node1, …, nodeN

Eine Menge von Node-Objekten oder Zeichenfolgen, die eingefügt werden sollen.

Rückgabewert

Keiner (undefined).

Ausnahmen

HierarchyRequestError DOMException

Wird ausgelöst, wenn der Knoten an der angegebenen Stelle in der Hierarchie nicht eingefügt werden kann.

Beispiele

Einfügen eines Elements

js
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>"

Einfügen von Text

js
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>"

Einfügen eines Elements und von Text

js
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>"

Spezifikationen

Specification
DOM Standard
# ref-for-dom-childnode-after①

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch