如何在 JavaScript 中檢索 CSS 規則的內容？

取得CSS 規則的內容

了解如何存取CSS 規則的值對於動態樣式或操縱CSS 的呈現非常有價值你的元素。

要以內嵌樣式格式傳回包含 CSS 規則所有內容的字串，可以使用下列方法：

function getStyle(className) {<pre class="brush:php;toolbar:false">var cssText = "";
var classes = document.styleSheets[0].rules || document.styleSheets[0].cssRules;
for (var x = 0; x < classes.length; x++) {        
    if (classes[x].selectorText == className) {
        cssText += classes[x].cssText || classes[x].style.cssText;
    }         
}
return cssText;

}

alert(getStyle('.test'));

在此程式碼中：

• getStyle 是一個函數，它將CSS 類別名稱作為輸入並傳回包含該規則值的字串class。
• classes 是文件中第一個樣式表中所有 CSS 規則的陣列。
• 循環遍歷規則，檢查 selectorText 屬性（包含與規則）與給定的類別名稱相符。
• 如果找到匹配項，則 cssText 屬性（包含規則的內聯表示）將附加到 cssText變數。
• 最後，傳回 cssText 變數並顯示在警報框中。

以上是如何在 JavaScript 中檢索 CSS 規則的內容？的詳細內容。更多資訊請關注PHP中文網其他相關文章！