StyleSheet: ownerNode property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨July 2015⁩.

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

Assuming the <head> contains the following:

html
<link rel="stylesheet" href="example.css" />

Then:

js
console.log(document.styleSheets[0].ownerNode);
// Displays '<link rel="stylesheet" href="example.css">'

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