javascript - 使用Javascript获取CSS类键值对？

Question

这个问题在这里已经有了答案:





How do you read CSS rule values with JavaScript?

(16 个回答)


3年前关闭。




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

一个例子是我有一个类
.example { color: black; display: block; }
然后我可以使用 Javascript 方法来获取“.example”类键值对
{ 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;
}