Style Proberties per Javascript auslesen

[Thomas Meinike]

Hallo,

Wie sieht es z.B. mit IE4 aus?

Klappt folgendes:
var textLeft = document.all.text_01.style.pixelLeft; ?

Im IE6 klappt es damit nicht. Einen IE4 hab' ich nicht.

Kann ich auch gerade nicht testen. Das currentStyle-Objekt gibt es erst ab IE5. Das style-Objekt referenziert nur einzelne Inline-Styles, ebenso object.style.cssText, was alle Inline-Styles enthaelt.

Bei der Schreibweise der ID sollte man noch beachten, dass Unterstriche in IDs und CLASSes zwar mittlerweile erlaubt sind, aber vielleicht doch mancher Browser damit Probleme hat [in diesem Fall (IE5+, NN 4.x, Mozilla, Opera) scheinbar nicht].

Da wir hier nun schon fast alle (un)moeglichen Style-Zugriffsmethoden beisammen haben, fuege ich mal noch des IEs runtimeStyle hinzu. Das ist das schreibende Gegenstueck zu currentStyle:

Die left-Eigenschaft kann man damit zur Laufzeit auf diesen Wegen aendern:

document.all.text_01.runtimeStyle["left"]="150px";
oder
var textLeft = document.getElementById('text_01').runtimeStyle["left"]="150px";

BTW: DOM-konform waere statt runtimeStyle:
object.getStyle().setProperty("eigenschaft","wert")
Das ist z. B. in SVG-Dokumenten anwendbar.

MfG, Thomas