| 
<HTML>
 <HEAD>
 <TITLE>document.createStyleSheet() Method</TITLE>
 <SCRIPT LANGUAGE="JavaScript">
 function addStyle1() {
 var newStyle = document.createStyleSheet()
 newStyle.addRule("P", "font-size:26pt; color:red")
 }
 function addStyle2() {
 var newStyle = document.createStyleSheet("lst18-13.css",0)
 }
 </SCRIPT>
 </HEAD>
 <BODY>
 <H1>document.createStyleSheet() Method</H1>
 <HR>
 <FORM>
 <INPUT TYPE="button" VALUE="Add Internal" onClick="addStyle1()"> 
 <INPUT TYPE="button" VALUE="Add External" onClick="addStyle2()">
 </FORM>
 <H2>Section 1</H2>
 <P>section 1.</P>
 <H2>Section 2</H2>
 <P>section2.</P>
 </BODY>
 </HTML>
 
 
 
 
 |