'styleSheets' Example : styleSheets : Javascript Collections JAVASCRIPT DHTML TUTORIALS

JAVASCRIPT DHTML TUTORIALS » Javascript Collections » styleSheets »

'styleSheets' Example



    
<html>
<head>
<style type="text/css">
.rule1 { font-family:Times New Roman; font-size:18pt; color:blue; }
</style>
<style type="text/css">
.rule2 { color:red; }
</style>
<style type="text/css">
.rule3 { font-family:Verdana; }
</style>

</head>
<body>
<button onclick="function1();">Get total style sheets in this document.</button>
<script language="JavaScript">
    function function1() {
        var m = document.styleSheets.length; 
        alert(m);
    }
</script>
</body>
</html>