11.7 Enabling/Disabling Style Sheets
NN 6, IE 4
To turn off a style sheet, assign the Boolean value true to a styleSheet object's disabled property:
document.styleSheets.disabled = true;
Conversely, to re-enable the style sheet, set its disabled property to false:
document.styleSheets.disabled = false;
Even some recent browser versions do not respond reliably to these statements. Occasionally you can disable and enable a link element object that has loaded a style sheet. A style element object has a disabled property supported by IE 4 and later as well as NN 6 and later.
Enabling and disabling style sheets could be another way to implement a selectable "skin" interface for a page. The page could contain multiple <style> tags, each containing detailed specifications for a skin design. Radio button controls or clickable icons could disable all and enable one, along the lines demonstrated in Recipe 12.4.
11.7.4 See Also
Recipe 11.6 for loading a different external style sheet on the fly; Recipe 11.8 for switching between loaded style sheets; Recipe 12.4 for using cookies to preserve external style sheet choices between visits.