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

Question

我正在制作一个文档站点，其中显示 html、css 和 js 示例。目前我抓取导航栏的 html 并将其放入代码块中:

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

我希望能够用 css 做一些类似的事情。所有的导航栏 css 都包含在内:

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

首先我想通过 ajax 请求获取它，但由于我没有运行服务器(只是一个简单的 html、css 和 js 网站)，我得到一个 Origin 'null' 因此不允许访问. 错误。

其次，我认为也许有一种方法可以使用 jQuery 获取元素及其子元素的所有 css。我没有想到这个想法。

最佳解决方案是使用文件(已包含在页面中)并获取内容，但我无法找到如何与已包含的 css 文件进行交互。任何帮助/想法将不胜感激!

Answer 1

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

尝试包含 jQuery 并使用

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