Hudriwurz: javascript Object erstellen

Beitrag lesen

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?

Alternativ-Text