JavaScript Reference/Javascript Properties/parentStyleSheet
"parentStyleSheet" Example
<html>
<body>
<style id="myStyle" type="text/css">@import url("external.css");</style>
<p id="myP1">sample text.</p>
<p id="myP2">sample text.</p>
<input type="button" value="The parent style sheet" onclick="function1();">
<script language="JavaScript">
function function1() {
alert(document.styleSheets[0].imports[0].href);
}
</script>
</body>
</html>
"parentStyleSheet" is applied to
+----------------+--------------------------------------------------------------+
| Applied_To |styleSheet |
+----------------+--------------------------------------------------------------+
"parentStyleSheet" Syntax and Note
Note:
Read-only property.
Returns a reference to the styleSheet.
Returned value is null, if not imported via @import.
Syntax:
document.styleSheets[index].parentStyleSheet
document.all.styleID.parentStyleSheet