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:
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!