Element: after() Methode

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