Hallo,

gibt es eine Möglichkeit per Javascript auf Eigenschaften von CSS-Klassen zuzugreifen?

CSS-Definition

Code :

1 2 3 4

.testklasse {   width: 400px;   height: 300px; }

HTML-Objekte

Code :

1 2	<div id="testdiv1" class="testklasse"></div> <div id="testdiv2" style="width:400px;height:300px;"></div>

Javascript

Code :

1 2 3 4 5 6 7

// das geht var obj = document.getElementById("testdiv2"); alert(obj.style.width);   // das geht nicht var obj = document.getElementById("testdiv1"); alert(obj.style.width);

Kennt jemand eine Lösung bzw. hat jemand einen Lösungsansatz parat?


Vielen Dank

Martin

Hi,

versuch es mal mit getComputedStyle (DOM) bzw. currentStyle (IE).

Code :

1 2 3 4 5 6 7 8 9 10 11

//  Falls der Brower die Methode "getComputedStyle" kennt (W3C-DOM)   if(window.getComputedStyle){     strFarbe = window.getComputedStyle(document.getElementById("testdiv1"), null).getPropertyValue("width");   }     //  Falls der Browser die Methode "currentStyle" kennt (neuere IEs)   else if(document.getElementById("testdiv1").currentStyle){     strFarbe = document.getElementById("testdiv1").currentStyle["width"];   }     alert(strFarbe);

Zu beachten ist, dass die DOM-Variante als Parameter die CSS-Schreibweise verlangt (z.B. border-width) die IE-Variante
dagegen die JavaScript-Schreibweise (z.B. borderWidth).

Mehr Infos und ein Array mit den meisten Eigenschaften findest Du hier.

Ciao
Quaese

Super danke dir vielmals.

Das ist genau die Lösung die ich gesucht habe.

Nochmals Danke Danke Danke