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

Style Sheet 'readOnly'

#myP1 { color:red; font-family:verdana; font-size:16 }
#myP2 { color:green; font-family:times new roman; font-size:18 }
<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");


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