Question

In JavaScript, the className property gives the class name of an HTML element, but how to get the contents of the class.

Answer 1

first you need to get the cssRules array but since it is not cross platform you should use a code like this:

if ( document.styleSheets[0].cssRules ) {
    var cssRules = document.styleSheets[0].cssRules;
} else if ( document.styleSheets[0].rules ) {
    var cssRules = document.styleSheets[0].rules;
}

now cssRules is an array of selectors in your stylesheet you can go through it like this:

for( var i = 0; i < cssRules.length; ++i ) {
     if( cssRules[i].selectorText == '.myClass' ) {
         alert( cssRules[i].style.color );
     }
}