Hans Meier: Style Eigenschaft von Klassen-Objekt ermitteln

Hallo,

Ich versuche jetzt verzweifelt seit Tagen herauszufinden, warum man nicht mit Javascript auf die Styleeigenschaften eines Objektes, die per Klasse zugewiesen werden, zugreifen kann.

Es funktioniert ja, wenn es direkt im Styleattribut steht, aber nicht wenn es in der Klasse ist.

(Zielbrowser ist Internet Explorer 6.0, da die User das so wollen ;-))

Wäre für jede Hilfe dankbar

Hans Meier

Ein Beispielcode:

<html>
<head>
<style type="text/css">
<!--
.bla
{
background-color: blue;
height: 100px;
}
-->
</style>
<script>
function test()
{
alert("Höhe: "+document.getElementById('bla').style.height+"\n"+"Breite: "+document.getElementById('bla').style.width);

}
</script>
</head>
<body>
<div onclick="test()" class="bla" style="width: 100px;" id="bla">...</div>
</body>
</html>

  1. Hallo,
    vieleicht hilft Dir das styleSheet-Objekt weiter http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/objects/obj_stylesheet.asp?frame=true.
    Beachte dort vor allen Dingen die rules-Collection und in dieser die item-Methode.

    Ich hoffe geholfen zu haben.
    Thomas Mell

    1. Hallo,
      vieleicht hilft Dir das styleSheet-Objekt weiter http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/objects/obj_stylesheet.asp?frame=true.
      Beachte dort vor allen Dingen die rules-Collection und in dieser die item-Methode.

      Ich hoffe geholfen zu haben.
      Thomas Mell

      Danke für die schnelle Nachricht
      Ist zwar kompliziert, sollte aber funktionieren. Geht das nicht auch einfacher

  2. Hallo,

    Ich versuche jetzt verzweifelt seit Tagen herauszufinden, warum man nicht mit Javascript auf die Styleeigenschaften eines Objektes, die per Klasse zugewiesen werden, zugreifen kann.

    Es funktioniert ja, wenn es direkt im Styleattribut steht, aber nicht wenn es in der Klasse ist.

    In beiden Fällen kannst du offsetHeight bzw. offsetWidth oder currentStyle.height bzw. currentStyle.width verwenden. Das Arbeiten mit document.styleSheets erscheint mir in diesem Fall unnötig kompliziert.

    Mathias

    1. Danke für die Antwort.

      Das mit .styleSheets hat zwar auch funktioniert, aber currentStyle ist vom code her unkomplizierter und einfacher

      nochmal danke