使用javascript获取和编辑元素的css类

Question

在JavaScript中，className属性给出了HTML元素的类名，但是如何获取类的内容。

Answer 1

首先你需要获得cssRules数组，但由于它不是跨平台的，你应该使用这样的代码：

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

现在cssRules是样式表中的一个选择器数组，您可以像这样经历它：

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

Answer 2

实际的样式规则存储在style property。

中

此外，jQuery有一些非常好的方法来处理样式。如果您想探索该路线，请查看css method。

编辑： 重新阅读问题并意识到OP正在询问类的样式规则，而不是元素的样式规则。但是，由于上下文并不完全清楚，我现在就说这个答案，因为它可能仍然有用。