StyleSheet : styleSheet : Javascript Objects JAVASCRIPT DHTML TUTORIALS

JAVASCRIPT DHTML TUTORIALS » Javascript Objects » styleSheet »

StyleSheet



    
<html>
<body>
<style id="myS">
#myP1 { 
    color:red; 
    font-family:verdana; 
    font-size:16 
}
#myP2 { 
    color:green; 
    font-family:times new roman; 
    font-size:18 
}
</style> 
<p id="myP1">text.</p>
<p id="myP2">text.</p>
<input type="button" value="owningElement" onclick="function1();">
<script language="JavaScript">
    function function1() {
        var m = document.styleSheets[0].owningElement.id;
        alert(m); 
    } 
</script>