nicht angemeldet
Hallo Mathias,
prinzipiell sollte das funktionieren, siehe bspw. http://jsfiddle.net/R4waX/
auch bei mir funktioniert es im jsfiddle: http://jsfiddle.net/h75nd/
Ich weiß aber nicht, inwiefern jsfiddle die einzelnen Teile ausführt und damit tatsächlich vergleichbar mit meinem Script ist.
So wie du das JavaScript platziert hast, wird es beim Parsen des HTMLs ausgeführt. Und zwar nachdem das betreffende Element geparst wurde. Es sollte also Zugriff auf das Element haben – sonst würdest du eine Fehlermeldung auf der Konsole sehen (getElementById würde null zurückgeben).
Zugriff auf das Element ist vorhanden. Wenn ich den JS-Teil weglasse, hat das erzeugte Div keine Breite und wird nicht angezeigt.
Wichtig ist, dass das Stylesheet im <head>…</head> geladen wird. Der Download des Stylesheets blockt das Rendern. Also sollte der Browser durchaus eine Änderung durch das JavaScript bemerken (eben von 0 auf die gegebene Länge).
Tja, das CSS wird im Head-Bereich geladen, die Änderung bekommt er aber offenbar dennoch nicht mit, also im eigentlichen Sinn der "Änderung", denn bis auf die Transistion wird alles korrekt angezeigt.
Gruß,
Klaus
JürgenB