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

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

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

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

    var style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = '.s1_o1{position: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 类”时，你是什么意思？一个例子会很好。从<head> 中的<style></style> 元素内部？
是的，我想从中删除整个 css 类

标签： javascript dom

【解决方案1】：

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

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

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

【讨论】：

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