How can I get CSS codes in a style element?

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: http://stackoverflow.com/questions/707565/how-do-you-add-css-with-javascript — robbieAreBest, Aug 10 '12 at 18:17

score 0 · Accepted Answer · answered Aug 10 '12 at 18:18

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 '12 at 18:18

Naftali

144,921
39
244
303

I wanna GET the CSS codes in a style element. Not SET it. Not get a style element. Is there solution? – weilou Aug 10 '12 at 18:33
1

`document.styleSheets[0].innerHTML` – Naftali Aug 10 '12 at 18:34

How can I get CSS codes in a style element?

1 Answers1