In order to access this site you need to enable JavaScript!

You are here: Reference > JavaScript > client-side > style handling > properties > ownerNode (styleSheet)

ownerNode property (styleSheet)

Browser support:

9

Returns a reference to the element that contains the current styleSheet object.

Note: The ownerNode property is supported in Internet Explorer from version 9.

If the current stylesheet belongs to a style element, then returns the style element.
If the current stylesheet was imported by a link element, then returns the link element.
If the current stylesheet was imported by an @import style rule, then returns null. In that case, use the ownerRule property to get the rule that imported the current stylesheet.

In older Internet Explorer versions, use the owningElement property instead of the ownerNode property.

Syntax:

object.ownerNode;

You can find the related objects in the Supported by objects section below.

This property is read-only.

Possible values:

Returns a reference to the owner object or returns null.

Default: this property has no default value.

Example HTML code 1:

This example illustrates the use of the ownerNode property:

Code

style.css

<head>
    <link rel="stylesheet" type="text/css" href="style.css" />

    <script type="text/javascript">
        function GetOwner () {
            var styleSheet = document.styleSheets[0];
            if (styleSheet.ownerNode) {
                var elem = styleSheet.ownerNode;
            } else if (styleSheet.owningElement) {
                var elem = styleSheet.owningElement;
            }
            alert ("The nodeName of the returned object:  " + elem.nodeName);
        }
    </script> 
</head>
<body>
    <button onclick="GetOwner ()">Get the owner element of a stylesheet!</button>
</body>