您的位置:首页 > Web前端 > CSS

获取css规则

2016-04-19 20:16 513 查看
var styleSheets = document.styleSheets;
for (var i = 0; i < styleSheets.length; ++i) {
var cssRules = styleSheets[i].cssRules || styleSheets[i].rules;//获取某个style元素中所有规则集
for (var j = 0; j < cssRules.length; ++j) {
var cssRule = cssRules[j];//获取某个规则集
console.info(cssRule.selectorText + " {");//获取该规则集的选择器
for (var k = 0; k < cssRule.style.length; ++k) {
var propertyName = cssRule.style[k];//获取属性名
var propertyValue = cssRule.style[propertyName];//获取属性值
console.info(propertyName + ":" + propertyValue);
}
console.info("}");
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: