You can disable styles by setting the disabled
property on the element that loaded them (either a style
element for inline styles, or a link
element for linked stylesheets). When disabled, a stylesheet's rules aren't applied.
Example:
CSS:
<style id='style2'>
p {
color: green;
font-weight: bold;
}
</style>
HTML:
<p id ='theParagraph'>Click this paragraph to toggle the <tt>style2</tt> styles.</p>
(I know, I know, tt
is deprecated.)
JavaScript:
document.getElementById('theParagraph').onclick = function() {
var style = document.getElementById('style2');
style.disabled = !style.disabled;
};
Live copy
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…