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.

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

これは通常、 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

ブラウザーの互換性

BCD tables only load in the browser