Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/.net/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从要在下拉列表中显示的多个CSS文件中检索CSS类的列表_Javascript_Jquery_Html_Css - Fatal编程技术网

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

Javascript 从要在下拉列表中显示的多个CSS文件中检索CSS类的列表,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想深入研究多个CSS文件,以检索每个文件中可用的CSS类。然后我想在下拉菜单中显示它们 我很好奇这样是否可以直接从CSS文件中检索类列表?下面是从使用的样式表中检索规则的javascript。您可能需要进一步解析结果,具体取决于您想要什么。我在Chrome版本39中运行了这个。希望这有帮助 for(var s=0; s<document.styleSheets.length; s++){ if(document.styleSheets[s].rules != null){

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


我很好奇这样是否可以直接从CSS文件中检索类列表?

下面是从使用的样式表中检索规则的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);
        }
    }
}

for(var s=0;snot)从文件中删除,必须对css进行解析。但是您当然可以将css加载到浏览器中,然后通过文档从浏览器内部提取详细信息。样式表我将尝试一下!非常感谢。