使用Javascript和/或jQuery获取包含的css文件的内容

Question

我正在创建一个docs网站，其中我显示了html，css和js示例。目前我抓住导航栏的html并将其放入代码块中：

$(".navbars #navbar .html code").text($(".navbar")[0].outerHTML);

我希望能够用css做类似的事情。所有的navbar css都包括在内：

<link href="css/navbar.css" rel="stylesheet">

首先我想用ajax请求抓住它，但由于我没有运行服务器（只是一个简单的html，css和js网站），我收到Origin 'null' is therefore not allowed access.错误。

其次我认为可能有一种方法可以使用jQuery来获取元素及其子元素的所有css。我对这个想法没有运气。

最佳解决方案是使用该文件（已经包含在页面中）并抓取内容，但我还没有找到如何与css文件进行交互＃39;已包括在内。任何帮助/想法将不胜感激！

Answer 1

您应该能够向任何有效的本地路径发出简单的$ .get请求。也许你需要摆弄请求内容类型。

尝试包含jQuery＆amp;使用

$.get{"css/navbar.css",function(data){
   $(".navbars #navbar .html code").text(data);
});