es geht nicht korrekt. Ich hab jetzt mal ein kleines komplettes Beispiel extrahiert. Probiert es aus. Im FF wird die border-color nicht ausgelesen. Andere Probleme gibts auch, aber davon vielleicht später.
SCHNIPP*******************************************************
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head><title>Untitled</title>
<style type="text/css">
h1 {color:#990000; background-color:#aaaacc; border:solid 3px #952685}
</style>
<script type="text/javascript">
function getStyle(obj, detail)
{
var eigenschaftswert;
if (window.getComputedStyle)
{
var styledeclaration = window.getComputedStyle(obj, null);
eigenschaftswert = styledeclaration.getPropertyValue(detail);
}
return eigenschaftswert;
}
function zeigeStyles(obj)
{
var detailSammlung = ["color", "background-color", "border-color"];
var farbensammlung = [];
for(var detail in detailSammlung)
{
tmpDetail = detailSammlung[detail];
farbensammlung[tmpDetail] = getStyle(obj, tmpDetail)
}
for(farbe in farbensammlung)
document.getElementById("ausgabe").innerHTML += farbe + ": " + farbensammlung[farbe] + "<br>"
}
</script>
</head>
<body>
<h1 onclick="zeigeStyles(this)">hallo</h1>
<div id="ausgabe"></div>
</body>
</html>
SCHNAPP*******************************************************