How can I get CSS codes in a style element? [duplicate]

Question

Possible Duplicate:
How to change/remove CSS classes definitions at runtime?

<!DOCTYPE html>
<meta charset="utf-8">
<title>An HTML5 Document</title>
<style>
    body {
        background: red;
    }
</style>

How can I get CSS codes in the style element via JS? Thank you.

Have a look here and see if this solution will work for you: stackoverflow.com/questions/707565/… — robbieAreBest
– robbieAreBest, Commented Aug 10, 2012 at 18:17

Naftali · Accepted Answer · 2012-08-10 18:18:11Z

0

var styleElement = document.createElement("style");
styleElement.innerHTML = "body { \n\
        background: red; \n\
    }";

document.body.appendChild(styleElement);

Fiddle: http://jsfiddle.net/maniator/zjrJ2/

answered Aug 10, 2012 at 18:18

Naftali

147k41 gold badges247 silver badges304 bronze badges

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

2 Comments

weilou Over a year ago

I wanna GET the CSS codes in a style element. Not SET it. Not get a style element. Is there solution?

Naftali Over a year ago

document.styleSheets[0].innerHTML

Collectives™ on Stack Overflow

How can I get CSS codes in a style element? [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related