Joerg Peschke: CSS-Klassenhierarchie auslesen?

Beitrag lesen

Hallo,
Gibt es eine Möglichkeit, zu einem HTML-Element nicht nur das Style-Element und seine CSS-Klasse, sondern auch alle darüber liegenden (vererebenden) Klassen und deren Eigenschaften zu bekommen?

Also, Beispiel

<style type="text/css">
<!--
   .absatz {
      background-color: blue;
   }

.absatz .zeile {
      padding-left: 30px;
   }
-->
</style>

<div class="abastz">
   <div class="zeile" id="test" style="font-size: 8px">
    ....
   </div>
</div>

Über document.getElementById("test").style.fontSize krieg ich von test zumindest seinen style, durch Durchsuchen des document.stylesheets-Arrays käme ich im IE und im Mozilla zumindest an eine einzelne CSS-Klasse dran - aber nicht an alle Eltern-Klassen.

Eine Möglichkeit wäre, über dem DOM-Baum langsam nach oben zu gehen, und in jedem Schritt die Klasse des aktuellen Elementes auszulesen - aber performant ist das nicht.

Gibts nicht sowas wie
"document.getElementById("element").getAllStyles"?

Gruesse, Jörg