Das Internet meint, es sollte so funktionieren:
function addElement () 
{
    var newElement = document.createElement("BUTTON");
    var newContent = document.createTextNode("Knopf");
    newElement.appendChild(newContent);
    document.body.appendChild(newElement);
} 
http://www.w3schools.com/jsref/met_document_createelement.asp
Es geht leider nicht. Ich verwende Safari auf meinem Mac
Ich habe Deinen Code mal auf das wesentliche reduziert ...
<! doctype html> <html> <head> <meta charset="utf-8"> </head> <body> <div id="div1"> <div>Ursprünglich erster Item</div> </div> <script> function addElement () { var newDiv = document.createElement("div"); var newContent = document.createTextNode("Eingefügter Item"); newDiv.appendChild(newContent); var currentDiv = document.getElementById("div1"); document.body.insertBefore(newDiv, currentDiv); } addElement(); </script> <body> </html>... und sah: Geht doch?
 nicht angemeldet
 nicht angemeldet
 Matthias Apsel
 Matthias Apsel Rolf b
 Rolf b Gunnar Bittersmann
 Gunnar Bittersmann Orlok
 Orlok