StyleSheet.ownerNode

Baseline Widely available

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

ownerNodeStyleSheet インターフェイスのプロパティで、このスタイルシートと文書内の関連付けを行うノードを返します。

これは通常、 HTML の <link> または <style> 要素ですが、 <?xml-stylesheet ?> の場合は処理命令ノードを返すこともあります。

Node オブジェクトです。

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"

メモ

@import などを使用して、他のスタイルシートをインクルードするスタイルシートでは、このプロパティの値は null になります。

仕様書

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

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
ownerNode

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support