DOM Enlightenment Book

by domenlightenment

HTML

<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<head>

<style id="styleElement">
body{background-color:#fff;margin:20px;} /*this is a css rule*/
p{line-height:1.4em; color:blue;} /*this is a css rule*/
</style>

</head>

JavaScript

var sSheet = document.querySelector('#styleElement').sheet;

console.log(sSheet.cssRules[0].cssText); //logs "body { background-color: red; margin: 20px; }"
console.log(sSheet.cssRules[1].cssText); //logs "p { line-height: 1.4em; color: blue; }"