Wie füge ich in JavaScript ein Element nach dem anderen ein?

Ein Element nach dem anderen in JavaScript einfügen

Während JavaScript die Methode insertBefore() bereitstellt, um ein Element vor einem anderen einzufügen, gibt es keine integrierte Methode -in-Methode zum Einfügen eines Elements nach dem anderen. Um dies zu erreichen, können wir die folgende benutzerdefinierte Technik verwenden:

Lösung:

referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);

Erklärung:

• referenceNode: Das Element, in das Sie das neue Element einfügen möchten danach.
• newNode: Das neu einzufügende Element.
• parentNode: Das übergeordnete Element des Referenzknotens.
• nextSibling: Der Knoten, der dem Referenzknoten folgt (oder null, wenn es der letzte ist). child).

insertBefore() benötigt zwei Argumente: den neuen Knoten, der eingefügt werden soll, und den Knoten, vor dem der neue Knoten platziert werden soll. Durch die Übergabe von referenceNode.nextSibling stellen wir sicher, dass der neue Knoten nach dem Referenzknoten eingefügt wird.

Beispielfunktion:

function insertAfter(referenceNode, newNode) {
    referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}

Verwendung:

var el = document.createElement("span");
el.innerHTML = "test";
var div = document.getElementById("foo");
insertAfter(div, el);

Dadurch wird ein span-Element mit dem Text „test“ nach dem div-Element mit dem eingefügt id „foo“.

Das obige ist der detaillierte Inhalt vonWie füge ich in JavaScript ein Element nach dem anderen ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!