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?