Jan: Zugriff auf CSS Attribut "background-position" nicht möglich

Beitrag lesen

Hi,

danke für deine Antwort. Leider funktioniert das Auslesen auch mit der Funktion nicht. Im IE und im FF sind die ausgelesenen Werte immer noch undefiniert.

Hier der Quellcode zum Testen:

<html>
<head>

<script type="text/javascript">
  function test() {
   alert(document.getElementById('test1').style.backgroundPosition);
   alert(document.getElementById('test2').style.backgroundPosition);
   alert(getStyle(document.getElementById("test1"), "background-position"));
  }

function getStyle(oElm, strCssRule){
   var strValue = "";
   if(document.defaultView && document.defaultView.getComputedStyle){
    strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
   }
   else if(oElm.currentStyle){
    strCssRule = strCssRule.replace(/-(\w)/g, function (strMatch, p1){
     return p1.toUpperCase();
    });
    strValue = oElm.currentStyle[strCssRule];
   }
   return strValue;
  }

</script>

<style type="text/css">
  #test1 { background-position: center bottom; }
 </style>

</head>
<body onload="test()">
  <div id="test1" >test 1</div>
  <div id="test2" style="background-position: center bottom;">test 2</div>
</body>
</html>

Hi,

kann man per Javascript das Attribut Background-position eines Divs auslesen, wenn dieses nicht im styles-Tag des Html-Elementes definiert ist?

Versuchs mal mit getStyle().

mfG,
steckl