JavaScript Examples Bible - UserWorks Technologies

436
JavaScript Examples Bible: The Essential Companion to JavaScript Bible
The syntax in the demonstration is for NN6 and IE5/Mac, but referencing the
cssRules property provides the same access for the IE4+ object model.
styleSheet Object
Properties
cssRules
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ (✓) (✓)
Example
Use The Evaluator (Chapter 13 in the JavaScript Bible) to look at the cssRules
property in NN6+ or IE5+/Mac. First, view how many rules are in the first styleSheet
object of the page by entering the following statement into the top text box:
document.styleSheets[0].cssRules.length
Now use the array with an index value to access one of the rule objects to view
the rule object’s properties list. Enter the following statement into the bottom text
box:
document.styleSheets[0].cssRules[1]
You use this syntax to modify the style details of an individual rule belonging to
the styleSheet object.
cssText
styleSheetObject.cssText
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓
Example
Use The Evaluator (Chapter 13) to replace the style rules in one blast via the
cssText property. Begin by examining the value returned from the property for the
initially disabled style sheet by entering the following statement into the top text
box:
document.styleSheets[0].cssText
Next, enable the style sheet so that its rules are applied to the document:
document.styleSheets[0].disabled = false