样式表是否可以获得一个类或id来动态更改它

can a style sheet obtain a class or id to dynamically change it?

本文关键字:id 一个 动态 是否 样式      更新时间:2023-09-26

我使用CORS来下拉页面及其CSS。我将CSS存储在一个样式标签中,并将其附加到头部。每次加载页面时,我都想清除CSS。

有简单的方法吗?我想给它一个id或class,但我不确定这是否允许。它们都不是BUT的可选属性。在类的定义下,它可以放在一个元素上,我认为从技术上讲,这是一个元素。

有人知道怎么做吗?

我目前的填充方式是:

var CSS = ".....";
var $style = $("<style type='text/css' />").append(CSS);
$("head").append($style);

style元素与其他元素一样,如果删除该元素,则会删除它定义的CSS样式。

因此,如果你添加了一个特定的样式元素,就像你的问题中的代码一样,你可以通过这样做来删除它:

$style.remove();

因为您已经在$style变量中引用了它。

或者,给定要删除id或类的特定style元素,然后使用它来删除它:

// Adding ...
var CSS = ".....";
var $style = $("<style type='text/css' />").append(CSS).addClass("dynamic");
$("head").append($style);
// Removing later...
$("style.dynamic").remove();

您也可以只更新现有元素的文本,这将更新它定义的样式。

您可以删除所有样式表,如下所示:

$('link[type="text/css"], style').remove();

您可以使用$("style[type='text/css']").remove()查找并删除所有style标记,也可以将$style存储为全局var,然后调用$style.remove()