javascript - 从多个 css 文件中检索要在下拉列表中显示的 CSS 类列表

Question

我想深入研究多个 CSS 文件以检索每个文件中可用的 CSS 类。然后我想在下拉菜单中显示这些内容。

我很好奇是否可以通过这种方式直接从 CSS 文件中检索类列表？

Answer 1

这是从正在使用的样式表中检索规则的 javascript。您可能需要根据您的需要进一步解析结果。我在 Chrome 版本 39 中运行了这个。希望这有帮助。

for(var s=0; s<document.styleSheets.length; s++){
    if(document.styleSheets[s].rules != null){
        for(var r=0; r<document.styleSheets[s].rules.length; r++){
            console.log(document.styleSheets[s].rules[r].cssText);
        }
    }
}