how to change css rules in style using javascript when the style media is print?
<p>How do you change the css rule of #div1 in the style type="text/css" media="print" using javascript? I want to change the display to none on the click event of a checkbox/button.</p>

<pre><code>&lt;style type="text/css" media="screen"&gt;
 #div1{
 display:visible;
}
&lt;/style

&lt;style type="text/css" media="print"&gt;
 #div1{
 display:visible;
}
&lt;/style
</code></pre>

<p>Thank You in advance</p>
