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

Get the contents of an included css file with Javascript and/or jQuery

本文关键字：css 文件 包含 获取 Javascript jQuery 使用      更新时间：2023-09-26

我正在制作一个文档网站，在那里我显示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' is therefore not allowed access.错误。

其次，我想也许有一种方法可以使用jQuery来抓取元素及其子元素的所有css。我没有这个主意。

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

您应该能够创建一个简单的$。get请求到任何有效的本地路径。也许您需要修改请求内容类型。

尝试包含jQuery &使用

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