| <style>.one { display: block; } |
| .two { display: inline; } |
| .three { display: list-item; list-style-type: square; margin-left: 3em; } |
| .four { display: none; color: red; } |
| t = document.createTextNode(document.getElementsByTagName('style').item(0).firstChild.nodeValue); |
| document.getElementById('docStyle').appendChild(t); |
| styleSheet = document.styleSheets.item(0) |
| for (i = 0; i < styleSheet.cssRules.length; i++) { |
| rule = styleSheet.cssRules.item(i); |
| s += rule.selectorText + ' { '; |
| for (j = 0; j < style.length; j++) { |
| s += style.item(j) + ': ' + style.getPropertyValue(style.item(j))+ '; '; |
| document.getElementById('serializedStyle').appendChild(document.createTextNode(s)); |
| <div>Style as specified in the style element:</div> |
| <pre id="docStyle"></pre> |
| <div>Serialized style, using CSS DOM:</div> |
| <pre id="serializedStyle"></pre> |