Element: after() Methode
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit April 2018 browserübergreifend verfügbar.
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
HierarchyRequestErrorDOMException-
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
| Spezifikation |
|---|
| DOM # ref-for-dom-childnode-after① |