✔ Zugriff auf Eigenschaften von CSS-Klassen - aber wie?

[StressMaker]

Hallo,

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

CSS-Definition

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

HTML-Objekte

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

Javascript

// 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

 

[Quaese]

Hi,

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

  //  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

 

[StressMaker]

Super danke dir vielmals.

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

Nochmals Danke Danke Danke