desertrose1
07.07.2015, 16:25
Wie füge ich ein Header im DOM im JavaScript?

Hallo Leute, wie erstellt man eine JS-Funktion, die in einer HTML-Seite als erstes Element des HTML-Body ein DIV-Element einfügt und in diesem DIV-Element ein P-Element mit dem Text "Ich bin ein Header" einfügt.

Hier hätte ich ein Lösungsvorschlag:

        function einfuegenHeader(){
    var ziel = document.body; 
    var content = document.createElement('p');
    var s = "Ich bin ein Header";
    var content_text = document.createTextNode(s);
    content.appendChild(content_text);
    ziel.insertBefore(content,ziel.firstElementChild);
    }

Danke im Voraus!!!

 ...zum Beitrag
Antwort
von desertrose1
08.07.2015, 18:03

ok ich hab die Lösung gefunden:

function Knoten() {
var newDiv = document.createElement("div");
var neuesP = document.createElement("p");
var text = document.createTextNode("Ich bin ein Header");
neuesP.appendChild(text);
newDiv.appendChild(neuesP);
document.body.insertBefore(newDiv, document.body.firstElementChild);
}
<button onclick="Knoten()">Header einfügen</button>
 ...zur Antwort