Styleeigenschaften mit Javascript auslesen

[Joe]

Hallo allerseits,

ich möchte die optischen Eigenschaften von HTML-Elementen/ -Tags per Javascript ändern. Mit

document.getElementById('mydiv').style (und dann das Attribut)

geht das auch. Wie aber lese ich Eigenschaften aus, wenn diese über eine externe CSS-Datei zugewiesen werden, z.B. mittels ID an einen DIV-Container? Also:

<div id='mydiv'>Irgendein Text</div>

und in der externen CSS-Datei (z.B. 'style.css') steht:

#mydiv { background-color: #ffff00; }

Wenn ich mir mit

document.getElementById('mydiv').style.backgroundColor

den Farbwert ausgeben lassen möchte, steht da nur '' (also nix ;-) ).

Vielen Dank im voraus, Joe

[Orlando]

Hallo Joe,

[…] Wie aber lese ich Eigenschaften aus, wenn diese über eine externe CSS-Datei zugewiesen werden, z.B. mittels ID an einen DIV-Container?

Mit getComputedStyle(), siehe Beispiel-Bookmarklet.

Grüße
 Roland

[Joe]

Hi Roland,

super, vielen Dank. Gibt's sowas auch für den Internet Explorer (oder einen Workaround)?

Grüße, Joe

[Orlando]

Hallo Joe,

Gibt's sowas auch für den Internet Explorer (oder einen Workaround)?

Hoppla, das hatte ich gar nicht ausprobiert. Siehe http://www.lipfert-malik.de/webdesign/tutorial/bsp/getcomputedstyle-4all.html

Grüße
 Roland

[Jose]

Hi Roland,

genial, mein Sonntagaben ist gerettet ;-). Vielen Dank und Grüße, Joe