查找css,查找应用于元素的所有css规则。

由于这个问题目前没有一个轻量级(非库)、跨浏览器兼容的答案,我将尝试提供一个:function css(el) {

var sheets = document.styleSheets, ret = [];

el.matches = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector

|| el.msMatchesSelector || el.oMatchesSelector;

for (var i in sheets) {

var rules = sheets[i].rules || sheets[i].cssRules;

for (var r in rules) {

if (el.matches(rules[r].selectorText)) {

ret.push(rules[r].cssText);

}

}

}

return ret;}

呼叫css(document.getElementById('elementId'))将返回一个数组,其中包含与传递的元素匹配的每个CSS规则的元素。如果您想了解更多关于每条规则的具体信息,请查看CSSRule对象文件。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值