如何从/通过类名获取所有css样式属性？如何在样式表中查找课程？

Question

我需要获取每个与元素匹配的类的所有css属性。

我有我的元素的类名

this.className

我现在如何获取每个类名的所有CSS样式？

也许我必须在样式表中进行比较或搜索？

var sheets = document.styleSheets;

我只知道为元素而不是类名获取css样式的方法。

感谢您的帮助。

更新 这是没有道理的，我不是在寻找所有类型的CSS属性。我只在寻找CSS类的属性，所以我认为这是一个独特的问题。

Answer 1

使用getAttribute获取样式。 这仅适用于嵌入式CSS

document.querySelectorAll('.a').forEach(e=>console.log(e.getAttribute('style')))

<div class="a" style="color:red"></div>
<div class="a" style="color:blue"></div>

Answer 2

document.styleSheets[index]从此对象可以获取CSS类所需的信息。您只需要编写一个函数即可在其中进行搜索

document.styleSheets[0].cssRules or document.styleSheets[0].rules by checking 

selectorText等于所需的类名，然后获取该对象的cssText或style.cssText属性。