このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

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 ⁨2015年7月⁩.

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

ブラウザーの互換性