DIV auf gleicher Ebene an bestimmter Stelle erstellen

[Chaos]

Hi Leute,

vllt. seh ich den Wald vor lauter Bäumen nicht, aber ich hab da ein Problem.

Vereinfacht ausgedrückt möchte ich einen Div auf der selben Ebene via Javascript erstellen.

Beispiel:

Button1 - DIV1
Button2 - DIV2
Button3 - DIV3

Nun möchte ich, dass, wenn ich auf Button 2 Drücke, ein Div zwischen Div 1 und 2 ein geschoben wird.

Via appendchild kann ich ja nur einen DIV in die bereits vorhandenen einfügen und wenn ich es in den Body einfüge, wird der DIV ja am ende eingefügt und nicht zwischen 1 und 2.

Ich hoffe ich konnte das Problem einigermaßen erklären und würde mich über Hilfe freuen.