W3cubDocs

/Web APIs

StyleSheet: ownerNode property

The ownerNode property of the StyleSheet interface returns the node that associates this style sheet with the document.

This is usually an HTML <link> or <style> element, but can also return a processing instruction node in the case of <?xml-stylesheet ?>.

Value

A Node object.

Examples

html

<html lang="en">
  <head>
    <link rel="stylesheet" href="example.css" />
  </head>
  <body>
    <button onclick="alert(document.styleSheets[0].ownerNode)">
      Show example.css's ownerNode
    </button>
  </body>
</html>
// Displays "object HTMLLinkElement"

Notes

For style sheets that are included by other style sheets, such as with @import, the value of this property is null.

Specifications

Specification
CSS Object Model (CSSOM) # dom-stylesheet-ownernode

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`ownerNode`	1	12	1	9	≤12.1	1	4.4	18	4	≤12.1	1	1.0

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/StyleSheet/ownerNode