Style Sheet 'readOnly' : styleSheet « Javascript Objects « JavaScript DHTML






  1. JavaScript DHTML
  2. Javascript Objects
  3. styleSheet

Style Sheet 'readOnly'

 <html> <body> <style> #myP1 { color:red; font-family:verdana; font-size:16 } #myP2 { color:green; font-family:times new roman; font-size:18 } </style> <p id="myP1">This is a sample text.</p> <p id="myP2">This is a second sample text.</p> <input type="button" value="style sheet source" onclick="function1();"> <script language="JavaScript"> function function1() { var m = document.styleSheets[0].readOnly; if (m == true) { alert("The style sheet is defined on the page"); } else { alert("The style sheet is imported"); } } </script> </body></html>








Related examples in the same category

1.StyleSheet: owningElement
2.StyleSheets cssRules
3.styleSheets 'pseudoClass'
4.stylesSheets.imports parent Style Sheet
5.Style Sheets title
6.styleSheet rules
7.Style Sheet type
close