Remove CSS class from <head><style> using JavaScript [duplicate]

Question

I'm using DOM and creating elements and CSS classes dynamically. How can I remove a CSS class that I have created previously using JavaScript only?

I use this code to create CSS class node:

    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);

I want to remove the s1_o1 class.

When you say "remove CSS class", what do you mean? An example would have been nice. From inside of <style></style> element in the <head>? — ZenMaster
– ZenMaster, Commented May 1, 2014 at 7:20

Insyte · Accepted Answer · 2014-05-01 07:22:52Z

0

For cross browser compatibility you will need to do something like this.

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

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

answered May 1, 2014 at 7:22

Insyte

2,2382 gold badges20 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user2005049 Over a year ago

I tried your code but nothing :-( Please see the question again I have modified it...

Collectives™ on Stack Overflow

Remove CSS class from <head><style> using JavaScript [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related