使用Javascript获取CSS类键值对？

Question

我想要一种方法来使用Javascript获取CSS类的所有键值对。

一个例子是我有一个班级

.example { color: black; display: block; }

然后我可以使用Javascript方法获取＆＃34; .example＆＃34;类键值对

{ color: black; display: block; }

这可能吗？

Answer 1

这肯定需要一些改进，但它尽可能接近（使用Chrome，也在Firefox中测试过）。

let rules = Array.from(document.styleSheets[0].cssRules).filter(x => x.selectorText === '.example')[0].style, i = 0, classRule = {}

while (rules.hasOwnProperty(i + '')) {
  classRule[rules[String(i)]] = rules[rules[String(i++)]]
}

console.log(classRule)

.example {
  color: black;
  display: block;
}