使用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屬性中 。

而且， jQuery有一些非常好的樣式處理方法。 如果要探索該路線，請查看css方法 。

編輯： 重新閱讀問題並意識到OP正在詢問類的樣式規則，而不是元素的樣式規則。 但是，由於上下文不完全清楚，因此我暫時暫不回答此問題，因為它可能仍然有用。