使用 JavaScript 从 <head><style> 中删除 CSS 类 [重复]

Posted

技术标签:

【中文标题】使用 JavaScript 从 <head><style> 中删除 CSS 类 [重复]【英文标题】:Remove CSS class from <head><style> using JavaScript [duplicate] 【发布时间】:2014-06-17 16:36:27 【问题描述】:

我正在使用 DOM 并动态创建元素和 CSS 类。如何删除之前仅使用 javascript 创建的 CSS 类?

我使用这段代码来创建 CSS 类节点:

    var style = document.createElement('style');
    style.type = 'text/css';
    style.innerhtml = '.s1_o1position:absolute;left:487px;top:243px;width:226px;height:61px;background-color:#ffffff;color:#ff0000;font: 18px Arial;';
    document.getElementsByTagName('head')[0].appendChild(style);

我想删除 s1_o1 类。

【问题讨论】:

当你说“删除 CSS 类”时,你是什么意思?一个例子会很好。从&lt;head&gt; 中的&lt;style&gt;&lt;/style&gt; 元素内部? 是的,我想从 中删除整个 css 类 【参考方案1】:

为了跨浏览器的兼容性,你需要做这样的事情。

var head = document.getElementsByTagName('head')[0];

head.className = head.className.replace(/\bClassName\b/,'');

【讨论】:

我试过你的代码但没有:-(请再次查看问题我已经修改它...

以上是关于使用 JavaScript 从 <head><style> 中删除 CSS 类 [重复]的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript 从入门到放弃事件委托和使用innerHTML添加元素

javascript模块化编程 从入门到实战

在Javascript中从字符串中去掉html标记

JavaScript事件应用

javascript中作用域

通过 Ajax PHP 从 Javascript onClick 更新数据库