HTML and CSS Reference
In-Depth Information
The first style sheet is imported. This will be styleSheets[0] in the JavaScript array.
The second style sheet is defined on line 8.
This user-defined function will be called when the user clicks the first radio button.
By setting the disabled property of the styleSheet object to false , styleSheets[0] will
become visible. In this example the style for the whole page will be changed ac-
cording to the rules in the first style sheet that was imported.
Setting the second style sheet, styleSheets[1] to true , makes this style sheet invisible.
This function sets styleSheets[1] to false , making it visible. This style is defined on
line 8.
The cssRules[] array contains all the rules set for the style sheet. In the style sheet
defined on line 8, the second rule, cssRules[1] , defines a rule for an h1 element.
For this rule, the rule is changed to a different color using the document's
styleSheet array and the cssRules array with the style property, and the color is reset
to purple.
To change the rule of a style sheet with Microsoft, use the rules[] array as shown
This is an embedded style sheet that styles the p and h1 selectors.
The form gives the user two radio buttons, one to make the first style visible, and
one to make the second style visible and change one of the rules.
This is the paragraph that will be given a new style if the “change style” option in
the radio button is selected by the user. See Figures 14.30, 14.31, and 14.32.
Figure 14.30 The page as it first appears.
Search WWH ::

Custom Search