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

View in English Always switch to English

StyleSheet.ownerNode

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。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 になります。

仕様書

仕様書
CSS Object Model (CSSOM)
# dom-stylesheet-ownernode

ブラウザーの互換性