CharacterData: after()-Methode

Die after()-Methode des CharacterData-Interfaces fügt eine Reihe von Node-Objekten oder Zeichenfolgen in die Kinderliste des Elternteils des Objekts ein, direkt nach dem Objekt selbst.

Zeichenfolgen werden als Text-Knoten eingefügt; die Zeichenfolge wird als Argument an den Text()-Konstruktor übergeben.

Syntax

js
after(...nodes)

Parameter

nodes

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

Ausnahmen

HierarchyRequestError DOMException

Wird ausgelöst, wenn die neuen Knoten nicht an der angegebenen Stelle in der Hierarchie eingefügt werden können, das heißt, wenn eine der folgenden Bedingungen erfüllt ist:

Beispiele

Die after()-Methode ermöglicht es Ihnen, neue Knoten nach einem CharacterData-Knoten einzufügen.

js
const h1TextNode = document.querySelector("h1").firstChild;
h1TextNode.after(" #h1");

h1TextNode.parentElement.childNodes;
// NodeList [#text "CharacterData.after()", #text " #h1"]

h1TextNode.data;
// "CharacterData.after()"

Hinweis: Wenn Sie stattdessen Text an den aktuellen Knoten anhängen möchten, ermöglicht die appendData()-Methode das Anhängen an die Daten des aktuellen Knotens.

Spezifikationen

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

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch