Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.1k views
in Technique[技术] by (71.8m points)

css javascript style sheet disabled?

what does it mean to have a style sheet disabled?

I just realised that its possible when i visited this page.. https://developer.mozilla.org/en/DOM/HTMLStyleElement

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...