T-Rex: alle CSS Eigenschaften auslesen

Hi,

Ich möchte mittels Javascript alle CSS Eigenschaften eines Elements auslesen.
Damit meine ich wirklich alle, also nicht nur die, welche ich mit "style" abfragen kann, sondern auch die CSS Eigenschaften in einer CSS Datei.
Dabei darf es keine Rolle spielen wie die Klasse heißt. Es sollen also auch Eigenschaften berücksichtigt werden, die mittels div{} (z.B.) gesetzt werden.

Sprich ich möchte alles das im Javascript "sehen" was mir der "Element Inspector" des Firebugs zeigt. Es spielt dabei keine Rolle, woher die Eigenschaften kommen.

Danke
T-Rex

  1. Yerf!

    Sprich ich möchte alles das im Javascript "sehen" was mir der "Element Inspector" des Firebugs zeigt. Es spielt dabei keine Rolle, woher die Eigenschaften kommen.

    Dafür gibt es getComputedStyle(). (Im IE Ersatzweise CurrentStyle)

    Gruß,

    Harlequin

    --
    <!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->
    1. Yerf!

      Sprich ich möchte alles das im Javascript "sehen" was mir der "Element Inspector" des Firebugs zeigt. Es spielt dabei keine Rolle, woher die Eigenschaften kommen.

      Dafür gibt es getComputedStyle(). (Im IE Ersatzweise CurrentStyle)

      Gruß,

      Harlequin

      Argh...ja hab ich schon mal gehört :(. Mein kleiner Mann im Ohr war anscheinend zu leise.

      Hab das jetzt mal eingebaut und funktioniert auch soweit ganz gut. Kann es jedoch sein, dass das nicht für alle Styles funktioniert? Hab einem <div> einen border: 1px solid black; gegeben. Kann es aber nicht mehr auslesen :(.
      Deshalb mal die doofe Frage ob Eigenschaften ausgeschlossen werden? Oder bin ich mal wieder zu doof das an zu wenden?

      Gruß
      T-Rex

      1. Hi,

        Kann es jedoch sein, dass das nicht für alle Styles funktioniert?

        Ja.

        Hab einem <div> einen border: 1px solid black; gegeben. Kann es aber nicht mehr auslesen :(.

        Das liegt aber nicht daran, daß man nicht an alle Styles herankommt, sondern daran, daß man hier wirklich die einzelnen Stile abfragen muß. Also border-width, border-color, ...

        Deshalb mal die doofe Frage ob Eigenschaften ausgeschlossen werden? Oder bin ich mal wieder zu doof das an zu wenden?

        Als das muß man wohl von der Doku abhängig machen, die Du nutzt. >:->

        In einer auch nur halbwegs sinnvollen Doku sollte das alles beschrieben sein ...

        Gruß, Cybaer

        --
        Man muß viel gelernt haben, um über das, was man nicht weiß, fragen zu können.
        (Jean-Jacques Rousseau, Philosoph u. Schriftsteller)
        1. In einer auch nur halbwegs sinnvollen Doku sollte das alles beschrieben sein ...

          Ja, alles zu seiner Zeit - SELFHTML 9 schreibt sich nicht von selbst. ;)
          Ich werde sicher bald dazu kommen, https://redaktion.selfhtml.org/selfhtml-preview/javascript/css.html vollzuschreiben. Anregungen nehme ich natürlich gerne entgegen.

          Mathias

          1. Hi,

            In einer auch nur halbwegs sinnvollen Doku sollte das alles beschrieben sein ...
            Ja, alles zu seiner Zeit - SELFHTML 9 schreibt sich nicht von selbst. ;)

            Jaaaa, schon klar. Ich bezog das ja auch nicht auf SELFHTML. Daß der JS-Teil im aktuellen SELFHTML ziemlich veraltet/unvollständig ist, ist doch bekannt ...

            Anregungen nehme ich natürlich gerne entgegen.

            Ja dann ... :)

            Gruß, Cybaer

            --
            Man muß viel gelernt haben, um über das, was man nicht weiß, fragen zu können.
            (Jean-Jacques Rousseau, Philosoph u. Schriftsteller)
        2. Jap das klappt, danke.
          Und wenn mir jetzt noch jemand sagt wie ich background-position auslesen kann bin ich der glücklichste Dino, der noch lebt *grins*

          schöne Grüße
          T-REx

          1. Und wenn mir jetzt noch jemand sagt wie ich background-position auslesen

            Darauf hat dich Harlequin doch schon hingewiesen.
            Siehe z.B. die browserübergreifende Funktion getCurrentStyle unter
            </archiv/2008/10/t178063/#m1174109>

            Mathias

            1. Und wenn mir jetzt noch jemand sagt wie ich background-position auslesen

              Darauf hat dich Harlequin doch schon hingewiesen.
              Siehe z.B. die browserübergreifende Funktion getCurrentStyle unter
              </archiv/2008/10/t178063/#m1174109>

              Mathias

              Hi Mathias

              genau das Funktioniert ja nicht ;).
              Hab auch schon diverse Foren gefunden wo genau das Problem angesprochen wird, aber eine Lösung hab ich nicht gefunden. Ist sogar hier im Forum schon angesprochen (link hab ich nicht mehr), aber keine Lösung.

              Auch mit BackgroundPositionX und BackgroundPositionY geht es nicht. Irgendwo hab ich mal die css style x-background-x-position gesehen, aber auch solche skurilen sachen funktionieren in der Javascriptabwandlung nicht.

              sprich, mit getCurrentStyle, kann ich auf alles zugreifen, nur auf backgroundPosition nicht und das brauch ich natürlich :(.

              Gruß
              T-Rex

              1. genau das Funktioniert ja nicht ;).

                Warum? Was bekommst du als Wert?

                Auch mit BackgroundPositionX und BackgroundPositionY geht es nicht.

                Diese CSS-Eigenschaften gibt es nicht, also ist das kein Wunder.

                sprich, mit getCurrentStyle, kann ich auf alles zugreifen, nur auf backgroundPosition nicht

                Warum nicht? Wo hakt es?

                Mathias

                1. Hi Mathias,

                  das ist die Frage. Ich bekomme im FF immer nur einen leeren String zurück. Im IE und OP soll es angeblich gehen, dass hab ich noch nicht getestet muss ich gestehen. (Ohne den Insepct Element fühle ich mich so nackt).

                  hab den link wieder gefunden:
                  http://forum.de.selfhtml.org/archiv/2008/2/t167566/

                  http://bytes.com/forum/thread468872.html
                  die reden sogar von einem FF Bug.

                  Ich kann das ganze noch nicht ganz einordnen :(

                  bin für jede Hilfe offen...soll ich einen eigenen Browser programmieren? ;)

                  Mit nächtlichem Gruß
                  T-Rex

                  1. Dieser Firefox-Bug ist seit langem geschlossen. Welche Version benutzt du?

                    Für eine weitere Untersuchung des Problems bitte ich dich eine reduzierte Beispielseite hochzuladen und zu verlinken.

                    Mathias