hente css-margin med js

Hvad definér du med css? Har du f.eks
<style type="text/css">
.noget her
{
  margin-left: ??;
}
</style>

eller er det et "style" på en attribute? F.eks "<div style="margin-left:0px;">..</div>" ?

Bruger du andet end en direkte style-attribut på elementet tilhører propertyen ikke elementet men css-reglen, og så har du ingen jordisk chance for at hente værdien cross-browser !-)

Min CSS:
.sl {
  margin-left:10px;
  background:url('images/132.gif') top left no-repeat;
  padding-left:20px;
}

roenving:
Så det vil sige at hvis det er en class kan jeg ikke hente, men godt hvis det er id?

<script type="text/javascript">
window.onload = function()
{
    for(i=0;i<document.getElementsByTagName('div').length;i++)
    {
          if ( document.getElementsByTagName('div')[i].className == "sl")
          {
                alert(document.getElementsByTagName('div')[i].style.marginLeft);
          }
    }
     
};
</script>

Du kan kun hente værdien fra css-reglen, og det er der kun få browsere, der understøtter, og så bliver det med langsom traversering af alle css-regler i et stylesheet, et no-go ,-(

Ville anbefale dig at benytte dig af
<div class="sl" style="margin-left:10px;">
Og ved flere...
<div class="sl" style="margin-left:40px;">

For at kunne fange værdien.

Derefter kan du benytte funktionen

<script type="text/javascript">
window.onload = function()
{
    for(i=0;i<document.getElementsByTagName('div').length;i++)
    {
          if ( document.getElementsByTagName('div')[i].className == "sl")
          {
                alert( "Class-name på følgende div (" + i + ") har margin-left:\n
                      " + document.getElementsByTagName('div')[i].style.marginLeft + "
                );
          }
    }
   
};
</script>

Måske, for at være mere præcis:
document.getElementsByTagName('div')[i].style.getAttribute('style','marginLeft');

Hmm ... jeg synes bare det virker som en lalle-løsning, når man alligevel angiver en class, så at angive style også.
Men hvis man ikke kan requeste class så er der jo ikke så meget at gøre :)

Hov, se lige bort fra det sidste svar. Det var mig som faldt i spinaten!!

Men jeg mener da jeg har kunnet hente fra css hvis jeg har angivet det med id i css'en. Altås #noget ... i stedet for class .noget ...

Så burde man også kunne hente class synes jeg.

Jeg skal selvfølgelig have taget mig sammen til at teste de mest gængse browsere, for hvilke muligheder, der er for at aflæse stylesheets, for det har jeg sidste gjort i 2005, hvor kun IE gav mulighed for at aflæse et stylesheet, ingen andre browsere understøttede en direkte traversering af alle style-rules ...

Men under alle omstændigheder, så tilhører  ropertyen altså style-reglen og ikke elementet, så det kan blive en ret træls opgave at finde den slags værdier frem !-)

... propertyen ...

Okay ... Hvem skal have point?
I sagde jo næsten det samme :)

Nogen der vil have point eller skal jeg lukke?

Oki '-)

-- og tak for point ;~}