Style

Assistant

Startseite
Screenshot
Kurzanleitung
Download
Kurse & Infos
>Tipps & Tricks<
Unterstützer
TMXtensions
?Freeware!
About TM
E-Mail
Made with CSS
Valid HTML 4.01!
Stand: 07.12.2002

Tipps & Tricks – Tipp 56
Zur Übersicht

56. Die W3C-DOM-Methode getComputedStyle() (22.06.2001)

Möchte man CSS-Eigenschaften von Objekten ermitteln, welchen vorab keine expliziten Eigenschaften zugewiesen worden sind, ist guter Rat teuer.
Das W3C-DOM kann hier Hilfe leisten, sofern die Methode getComputedStyle() im Browser implementiert ist. Zurzeit ist das nur in Mozilla bzw. Netscape 6.x der Fall. Der folgenden JavaScript-Funktion getCS(objid,prop) werden die ID des gesuchten Objektes und die gewünschte CSS-Eigenschaft übergeben. Ausgegeben wird der ermittelte Wert.

      function getCS(objid,prop)
      {
        var obj, propval;
        if (document.documentElement && document.defaultView)
        {
          obj=document.getElementById(objid);
          propval=document.defaultView.getComputedStyle(obj,"")
            .getPropertyValue(prop); // in eine Zeile
          alert(prop+": "+propval);
        }
        else
        {
          alert("Ihr Browser unterstuetzt diese W3C-DOM-Methode nicht.");
        }
      }

      
Der vielfach gescholtene Netscape 6.1b kann am Beispiel eines Absatzes wieder einmal zeigen, was er technologisch drauf hat, obwohl nicht mehr alles so glänzt wie zu Netscape's 3.x-Gold-Zeiten ...