javascript - externes Stylesheet

[nobody2]

Hallo!
Ich muss mir mittels Javascript die Breite bzw. Höhe eines Bildes auslesen. Die Css Eigenschaften sind in einem externen Stylesheet (home.css)

Die Css-definition:
#TeaserPicture
{
position:absolute;
bottom:0px;
left:0px;
margin:0;
z-index:500;
width:100px;
}

Ich habe es mit
alert(this.Picture.style.width);
probiert, aber ich erhalte nur eine leere ausgabe.

[aimbot]

mach dich über die funktion getElementById schlau.

[nobody2]

this.Picture hält bereits eine Referenz auf das Bild
(this.Picture = document.getElementById(this.PictureID); habe ich einige Zeilen zuvor notiert)
Es functioniert auch, wenn ich die CSS-Eigenschaft im img-tag notiere. Also so:
<img src="Images/Home/Teaser/PeopleSmiling.png" alt="" id="TeaserPicture" style="width:271px;height:241px" />

Wenn ich die Breite und die Höhe allerdings im #TeaserPicture notiere, so funktioniert es nicht.

[PHP-Desaster]

Die Stylesheet-Daten liegen bei externen CSS-Dateien auch nicht direkt an den Objekten, so dass du per JS drauf zugreifen kannst. Darum arbeiten die prototype-Funktionen wie show() und hide() auch nur korrekt, wenn der display-Stil direkt am Objekt definiert wurde.
Ausweg: Würde mich auch interessieren...!

[asp2php]

Original geschrieben von nobody2

Es functioniert auch, wenn ich die CSS-Eigenschaft im img-tag notiere. Also so:
<img src="Images/Home/Teaser/PeopleSmiling.png" alt="" id="TeaserPicture" style="width:271px;height:241px" />

Wenn ich die Breite und die Höhe allerdings im #TeaserPicture notiere, so funktioniert es nicht.

Yepp. Alles was du in dem Section <style type="text/css"> ... </style> (oder in externen CSS-Datei) definiert hast, kannst du nicht auslesen.

[onemorenerd]

offsetWidth + offsetHeight

Für allgemeine Anwendung:

function getStyle(el,styleProp) {
  if (el.currentStyle)
    return el.currentStyle[styleProp];
  else if (window.getComputedStyle)
    return document.defaultView.getComputedStyle(el,null).getPropertyValue(styleProp);
  else
    return el.style.getAttribute(styleProp,false);
}

[Kropff]

Original geschrieben von asp2php
Yepp. Alles was du in dem Section <style type="text/css"> ... </style> (oder in externen CSS-Datei) definiert hast, kannst du nicht auslesen.

doch, soll so gehen:

document.styleSheets[x].cssRules[x]
//bzw. ie
document.styleSheets[x].rules[x] 

gruß
peter