DIV mit JS erzeugen

[Kai345]

[latex]Moin![/latex]

var newDiv = document.createElement("div");
document.getElementById("middle").appendChild(newDiv);

Dann bekomme ich nur folgendes: <div/>

Ich möchte aber so etw. bekommen: <div></div>

Dein div hat ja noch keinen Inhalt, ob die Anzeige eines leeren div als <div/> jetzt eine Eigenheit deines Browsers oder so festgelegt ist, weiß ich gerade nicht.

Zudem möchte ich dann eine ID und Class dem DIV geben, Höhe und etc. bestimmen und den Inhalt erzeugen.

Wie schaffe ich das?

newDiv.id = "bla";  
newDiv.className = "meine_klasse";

für CSS-Angaben wie höhe etc wird das style-Objekt benutzt.
Besonders zu beachten sind die geänderten Schreibweisen von CSS-Eigenschaften.

Cü,

Kai