Steffen Flämig: element..style.height läßt sich nicht auslese

Hi,

ich habe ein <div id="foo"> dem ich per CSS height:100px zuweise.
Es wird korrekt angezeigt, wenn ich jetzt aber per JavaScript mit
"var bar = document.getElementById("foo").style.height" die Höhe
auslese, erhalte ich nichts, d.h. bar = '';

Setzte ich document.getElementById("foo").style.height = "100px" ändert
sich die Anzeige (natürlich) nicht, das Auslesen der Eigenschaft
"height" funktioniern aber.

Was mache ich falsch?

Gruß

Steffen

  1. ich habe ein <div id="foo"> dem ich per CSS height:100px zuweise.
    Es wird korrekt angezeigt, wenn ich jetzt aber per JavaScript mit
    "var bar = document.getElementById("foo").style.height" die Höhe
    auslese, erhalte ich nichts, d.h. bar = '';

    Benutze einfach offsetHeight des Elementes.

    Struppi.

    1. Hallo,

      Benutze einfach offsetHeight des Elementes.

      Das gibt mir die _Höhe_ des Elements?

      Ein schneller Versuch gibt "5" aus, die Höhe ist per CSS auf height:100px; gesetzt.

      Gruß

      Steffen

      1. Benutze einfach offsetHeight des Elementes.
        Das gibt mir die _Höhe_ des Elements?

        genau.

        Ein schneller Versuch gibt "5" aus, die Höhe ist per CSS auf height:100px; gesetzt.

        Dann war dein Versuch falsch.

        Struppi.

        1. Benutze einfach offsetHeight des Elementes.
          Das gibt mir die _Höhe_ des Elements?

          genau.

          Naja, es ist height + border-width-top + border-width-bottom.

          Also "ungefähr" das was ich wollte.

          Ist den 'document.getElementById("foo").style.height' hier wrklich
          falsch?

          Gruß
          Steffen

          1. Ist den 'document.getElementById("foo").style.height' hier wrklich
            falsch?

            Jein, du kannst, wie du festgestellt hast, hier nur den Wert auslesen, den du gesetzt hast, nicht die tatsächliche Höhe des Elements.

            Struppi.

          2. Hello out there!

            Ist den 'document.getElementById("foo").style.height' hier wrklich falsch?

            Damit kannst du nur das auslesen, was auch mit JavaScript gesetzt wurde.

            Solltest du es wirklich brauchen, informiere dich über getComputedStyle und dessen Alternative für den IE.

            See ya up the road,
            Gunnar

            --
            „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)