Style Sheet 'readOnly' : styleSheet : Javascript Objects JAVASCRIPT DHTML TUTORIALS

JAVASCRIPT DHTML TUTORIALS » Javascript Objects » 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>