Style Eigenschaft von Klassen-Objekt ermitteln
Hans Meier
- javascript
0 Thomas Mell2 molily
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>
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
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
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
Danke für die Antwort.
Das mit .styleSheets hat zwar auch funktioniert, aber currentStyle ist vom code her unkomplizierter und einfacher
nochmal danke