Find css værdi

alert(document.getElementById("div1").style.getAttribute("color"));

Men det kræver at du sætter en style property direkte på elementet: style="color:black;"

Det kan jeg godt se logikken i. Dvs. at getAttribute kun kan bruges hvis informationen står direkte i dokumentet. Men er der så en anden måde hvorved jag kan få fat i verdien.

Du burde kunne bruge

document.styleSheets[0].cssRules[0].style.color

evt:

document.styleSheets[0].cssRules["div"].style.color

alert(document.styleSheets[0].rules.item("div").style.color);

Det er rigtig svaret. Men det har ikke løst mit problem hvorfor ved jeg ikke. Men kan du ikke lige forklage mig hvad "styleSheets[0]", "rules" og item("div") gør.

Jo læs her ;o)
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/collections/rules.asp

Uden at have læst det igennem med har du en ide, for mit problem er at der er en
div.test{color:#E4E4E4;}
og en
div.test1{color:#D3D3D3;}
den vælger altid nr. 1 altså div.test

Lige maget, jeg har fundet ud af det ved at læse på det link du gav mig. Mange tak for hjælpen. :-)

Tager din første class
alert(document.styleSheets[0].rules.item(0).style.color);

Tager din næste class
alert(document.styleSheets[0].rules.item(1).style.color);

ok?

og så gør det lige lidt mere browsercompatibelt, da IE er den enste der bruger rules, og altså dermed holder sig uden for standarderne :o)

<script type="text/javascript">
cssval = (document.styleSheets[0].rules)?document.styleSheets[0].rules:document.styleSheets[0].cssRules;
alert(cssval[1].style.color);
</script>