如何在 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中文网其他相关文章！