winch,
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
.fon {
color:blue;
}
</style>
<style type="text/css">
.MyClass {color:green; width:200px; height:100px;margin-left: 3px;}
</style>
</head>
<body>
<span class="fon" onclick="alert(JSON.stringify(pusk('.MyClass')))">click me</span>
<script>
function pusk(k) {
for (var e = {}, f = document.styleSheets, c = 0; c < f.length; c++)
for (var a = f[c].cssRules, b = 0; b < a.length; b++)
if (a[b].selectorText == k)
for (var g = a[b].cssText.match(/[-\w]+(?=:)/g) || [], d = 0; d < g.length; d++) {
var h = g[d],
l = h.replace(/-(\w)/g, function(b, a) {
return a.toUpperCase()
});
e[h] = a[b].style[l] }
return e
};
</script>
<style type="text/css">
.MyClass { cursor: pointer; background-color: #00FF00;}
</style>
</body>
</html>