使用JavaScript </style>从<style>中删除CSS类

Question

我正在使用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类。

Answer 1

对于跨浏览器兼容性，您需要执行以下操作。

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

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