<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>
|